page-break-before

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

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

Diese Eigenschaft gilt für Blockelemente, die eine Box erzeugen. Sie gilt nicht für ein leeres <div>, das keine Box erzeugen würde.

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

Anfangswert. Automatische Seitenumbrüche (weder erzwungen noch vermieden).

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 sich auf der linken Seite des Buchrückens befindet oder die Rückseite der Seite beim doppelseitigen Druck.

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

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-Alias

Die page-break-before-Eigenschaft ist jetzt eine veraltete Eigenschaft, ersetzt durch break-before.

Aus Kompatibilitätsgründen sollte page-break-before von Browsern als Alias von break-before behandelt werden. Dies stellt sicher, dass Webseiten, die page-break-before verwenden, weiterhin wie vorgesehen 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

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch