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
Syntax
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
Values
- auto
- Initial value. Automatic page breaks (neither forced nor forbidden).
- always
- Always force page breaks after the element.
- avoid
- Avoid page breaks after the element.
- left
- Force page breaks after the element so that the next page is formatted as a left page.
- right
- Force page breaks after the element so that the next page is formatted as a right page.
Examples
/* move to a new page after footnotes */ div.footnotes { page-break-after:always; }
Compatibility
Desktop browsers
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support (auto, always) | 1.0 | 1.0 (1.7 or earlier) | 4.0 | 7.0 | 1.2 (125) |
avoid, left, right | 1.0 | Not supported (bug 132035) | 4.0 | 7.0 | 1.2 (125) |
Mobile browsers
Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | NA | 1.0 (1.0) | NA | NA | NA |
avoid, left, right | NA | Not supported (bug 132035) | NA | NA | NA |