Mozilla Developer Network
Summary
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 value
auto - Applies to block elements
- Inherited no
- Media paged
- Computed value as specified
- Animatable no
- Canonical order the unique non-ambiguous order defined by the formal grammar
Syntax
Formal grammar: 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;
}
Specification
| Specification | Status | Comment |
|---|---|---|
| CSS Paged Media Module Level 3 | Working Draft | Extends the element that this property applies to table rows and table row groups. |
| CSS Level 2 (Revision 1) | Recommendation | Initial specification. |
Browser compatibility
| 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 | -- (bug 132035) | 4.0 | 7.0 | 1.2 (125) |
| Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | ? | 1.0 (1.0) | ? | ? | ? |
avoid, left, right |
? | -- (bug 132035) | ? | ? | ? |