page-break-before

Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, könnte sie bereits aus den relevanten Webstandards entfernt worden sein, in Kürze entfernt werden oder nur noch aus Kompatibilitätsgründen bestehen. Vermeiden Sie die Verwendung und aktualisieren Sie vorhandenen Code, falls möglich; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.

Warnung: Diese Eigenschaft wurde durch die Eigenschaft break-before ersetzt.

Die page-break-before CSS Eigenschaft passt Seitenumbrüche vor dem aktuellen Element an.

Diese Eigenschaft gilt für Block-Elemente, die eine Box erzeugen. Sie gilt nicht für ein leeres <div>, das keine Box erzeugt.

Probieren Sie es aus

Syntax

css
/* Keyword values */
page-break-before: auto;
page-break-before: always;
page-break-before: avoid;
page-break-before: left;
page-break-before: right;
page-break-before: recto;
page-break-before: verso;

/* Global values */
page-break-before: inherit;
page-break-before: initial;
page-break-before: revert;
page-break-before: revert-layer;
page-break-before: unset;

Werte

auto

Ursprungswert. Automatische Seitenumbrüche (weder erzwungen noch verboten).

always

Erzwingt immer Seitenumbrüche vor dem Element.

avoid

Vermeidet Seitenumbrüche vor dem Element.

left

Erzwingt Seitenumbrüche vor dem Element, sodass die nächste Seite als linke Seite formatiert wird. Dies ist die Seite, die auf der linken Seite des Buchrückens oder die Rückseite der Seite beim Duplexdruck platziert ist.

Erzwingt Seitenumbrüche vor dem Element, sodass die nächste Seite als rechte Seite formatiert wird. Dies ist die Seite, die auf der rechten Seite des Buchrückens oder die Vorderseite der Seite beim Duplexdruck platziert ist.

recto

Wenn Seiten von links nach rechts fortschreiten, wirkt dies wie right. Wenn Seiten von rechts nach links fortschreiten, wirkt dies wie left.

verso

Wenn Seiten von links nach rechts fortschreiten, wirkt dies wie left. Wenn Seiten von rechts nach links fortschreiten, wirkt dies wie right.

Seitenumbruch-Aliase

Die page-break-before-Eigenschaft ist nun eine veraltete Eigenschaft, die durch break-before ersetzt wurde.

Aus Kompatibilitätsgründen sollte page-break-before von Browsern als Alias von break-before behandelt werden. Dadurch wird sichergestellt, dass Websites, die page-break-before verwenden, weiterhin wie beabsichtigt funktionieren. Ein Teil der Werte sollte wie folgt aliasiert werden:

page-break-before break-before
auto auto
left left
right right
avoid avoid
always page

Formale Definition

Anfangswertauto
Anwendbar aufBlocklevelelemente in normalem Fluss des Wurzelelements. User Agents können es auch auf andere Elemente wie table-row-Elemente anwenden.
VererbtNein
Berechneter Wertwie angegeben
Animationstypdiskret

Formale Syntax

page-break-before = 
  auto     |
  always   |
  avoid    |
  left     |
  right    |
  inherit

Beispiele

Vermeiden eines Seitenumbruchs vor einem Element

css
/* Avoid page break before div elements of class note */
div.note {
  page-break-before: avoid;
}

Spezifikationen

Specification
CSS Logical Properties and Values Level 1
# page
CSS Paged Media Module Level 3
# page-break-before
CSS Fragmentation Module Level 3
# page-break-properties

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch