CSS page-break-before-Eigenschaft
The CSS -page-break-before property defines a page break before a specified element. See the values of this property.
Die page-break-before-Eigenschaft definiert einen Seitenumbruch vor einem Element.
Warnung
Die
page-break-before-Eigenschaft wurde durch die break-before-Eigenschaft ersetzt.
Im Allgemeinen werden Seitenumbrüche für paged Medien wie gedruckte Bücher oder Dokumente verwendet. Sobald ein Seitenumbruch erfolgt, endet das aktuelle Layout und der verbleibende Inhalt fließt auf die nächste Seite. Dieses Verhalten ist häufig in PDF-Dokumenten zu sehen.
Mit der page-break-before-Eigenschaft können Sie festlegen, ob der folgende Inhalt auf einer linken oder rechten Seite beginnen soll. Sie können die CSS @media-Regel verwenden, um Umbruchstile für gedruckte Dokumente zu definieren.
| Anfangswert | auto |
|---|---|
| Gilt für | Blockelemente. |
| Vererbbar | Nein. |
| Animierbar | Nein. |
| Version | CSS2 |
| DOM-Syntax | object.style.pageBreakBefore = "left"; |
Syntax
CSS page-break-before-Syntax
page-break-before: auto | always | avoid | left | right | recto | verso | initial | inherit;Verwenden Sie das folgende Codebeispiel, um einen Seitenumbruch vor dem Element zu definieren:
CSS page-break-before-Codebeispiel
@media print {
h2 {
page-break-before: right;
}
}Werte
| Wert | Beschreibung |
|---|---|
| auto | Erlaubt automatische Seitenumbrüche vor dem Element. |
| avoid | Verhindert einen Seitenumbruch vor dem Element. |
| always | Erzwingt einen Seitenumbruch vor dem Element. |
| left | Fügt vor dem Element einen Seitenumbruch ein, sodass die nächste Seite als linke Seite formatiert wird. |
| right | Fügt vor dem Element einen Seitenumbruch ein, sodass die nächste Seite als rechte Seite formatiert wird. |
| recto | Fügt vor dem Element einen Seitenumbruch ein, sodass die nächste Seite als rechte Seite formatiert wird (entspricht right). |
| verso | Fügt vor dem Element einen Seitenumbruch ein, sodass die nächste Seite als linke Seite formatiert wird (entspricht left). |
| initial | Setzt diese Eigenschaft auf ihren Standardwert zurück. |
| inherit | Erbt diese Eigenschaft von ihrem übergeordneten Element. |
Praxis
Welche Funktion hat die 'page-break-before'-Eigenschaft in CSS?