CSS page-break-before-Eigenschaft

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?

Sie ermöglicht das Einfügen eines Seitenumbruchs vor einer mit dem Element verknüpften Box.Sie ermöglicht das Einfügen eines Seitenumbruchs nach einer mit dem Element verknüpften Box.Sie legt fest, wie ein Element über die Seiten hinweg in paged Medien dargestellt wird.Sie steuert das Verhalten der 'display'-Eigenschaft in CSS.