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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
page-break-before
Deprecated
always
Deprecated
auto
Deprecated
avoid
Deprecated
left
Deprecated
right
Deprecated

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Deprecated. Not for use in new websites.
See implementation notes.

Siehe auch