Zum Inhalt springen

CSS page-break-after-Eigenschaft

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

css
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

css
@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

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

Finden Sie das nützlich?

Dual-run-Vorschau — vergleichen Sie mit den Symfony-Routen live.