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
/* 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.
right
-
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 wieleft
. verso
-
Wenn Seiten von links nach rechts fortschreiten, wirkt dies wie
left
. Wenn Seiten von rechts nach links fortschreiten, wirkt dies wieright
.
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
Initialer Wert | auto |
---|---|
Anwendbar auf | Blocklevelelemente in normalem Fluss des Wurzelelements. User Agents können es auch auf andere Elemente wie table-row -Elemente anwenden. |
Vererbt | Nein |
Berechneter Wert | wie angegeben |
Animationstyp | diskret |
Formale Syntax
Beispiele
Vermeiden eines Seitenumbruchs vor einem Element
/* 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