W3docs

CSS page-break-after-Eigenschaft

The CSS -page-break-after property defines page break after a specified element See the values of this property.

Die page-break-after-Eigenschaft definiert einen Seitenumbruch nach einem Element.

Diese Eigenschaft gilt nicht für absolut positionierte Elemente.

Warnung

Die page-break-after-Eigenschaft wurde durch die break-after-Eigenschaft ersetzt.

Browser sollten die page-break-after-Eigenschaft als Alias für break-after behandeln. Dies stellt sicher, dass Websites, die die page-break-after-Eigenschaft verwenden, weiterhin wie vorgesehen funktionieren.

Anfangswertauto
Gilt fürBlockelemente.
VererbtNein.
AnimierbarNein.
VersionCSS2
DOM-Syntaxobject.style.pageBreakAfter = "avoid";

Syntax

CSS page-break-after-Syntax

page-break-after: auto | avoid | always | left | right | initial | inherit;

Sie können den folgenden Codeausschnitt mit page-break-after in Ihren CSS-Code einfügen:

CSS page-break-after-Codebeispiel

@media print {
  footer {
    page-break-after: left;
  }
}

Werte

WertBeschreibung
autoErlaubt das Einfügen eines beliebigen Seitenumbruchs nach dem Element.
avoidVerhindert das Einfügen eines beliebigen Seitenumbruchs nach dem Element.
alwaysErzwingt das Einfügen eines beliebigen Seitenumbruchs nach dem Element.
leftFügt nach dem Element einen Seitenumbruch ein, sodass die nächste Seite als linke Seite formatiert wird.
rightFügt nach dem Element einen Seitenumbruch ein, sodass die nächste Seite als rechte Seite formatiert wird.
initialSetzt diese Eigenschaft auf ihren Standardwert zurück.
inheritErbt diese Eigenschaft von ihrem übergeordneten Element.

Hinweis: Verwenden Sie für die moderne Webentwicklung stattdessen die break-after-Eigenschaft, da page-break-after veraltet ist.

Praxis

Übung

Was bewirkt die 'page-break-after'-Eigenschaft in CSS?