page-break-after property CSS Reference

Definition and Usage

The page-break-after CSS property adjusts page breaks after the current element.

This properties applies to block elements that generate a box. It won't apply on an empty <div> that won't generate a box.

Note: this property is in progress of being replaced by the more generic break-after. This new property also handles column and region breaks and is syntactically compatible with page-break-after.

Before using page-break-after, check if you can use break-after instead. In the future page-break-after will be a mere alias for some values of it.

  • Initial auto
  • Applies to block-level elements in the normal flow of the root element. UA may also apply it to other elements like table-row elements.
  • Inherited no
  • Media visual, paged
  • Computed Value as specified
  • Animatable no
  • Canonical order the unique non-ambiguous order defined by the formal grammar


Formal syntax: auto | always | avoid | left | right
page-break-after: auto
page-break-after: always
page-break-after: avoid
page-break-after: left
page-break-after: right
page-break-after: inherit


Initial value. Automatic page breaks (neither forced nor forbidden).
Always force page breaks after the element.
Avoid page breaks after the element.
Force page breaks after the element so that the next page is formatted as a left page.
Force page breaks after the element so that the next page is formatted as a right page.


/* move to a new page after footnotes */
div.footnotes {


Desktop browsers

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support (auto, always)1.01.0 (1.7 or earlier) (125)
avoid, left, right1.0Not supported (bug 132035) (125)

Mobile browsers

FeatureAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Basic supportNA1.0 (1.0)NANANA
avoid, left, rightNANot supported (bug 132035)NANANA

Relative articles