CSS - page-break-after

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

Example

 

CSS
/* move to a new page after footnotes */
div.footnotes { 
  page-break-after:always; 
}

Syntax  

CSS
/* Keyword values */
page-break-after: auto;
page-break-after: always;
page-break-after: avoid;
page-break-after: left;
page-break-after: right;
page-break-after: recto;
page-break-after: verso;

/* Global values */
page-break-after: inherit;
page-break-after: initial;
page-break-after: unset;

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.
recto
If pages progress left-to-right, then this acts like right. If pages progress right-to-left, then this acts like left.
verso
If pages progress left-to-right, then this acts like left. If pages progress right-to-left, then this acts like right.

Formal syntax

CSS
auto <a href="css/value_definition_syntax#single_bar" title="Single bar">|</a> always <a href="css/value_definition_syntax#single_bar" title="Single bar">|</a> avoid <a href="css/value_definition_syntax#single_bar" title="Single bar">|</a> left <a href="css/value_definition_syntax#single_bar" title="Single bar">|</a> right

Description  

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

This property 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 valueauto
Applies toblock-level elements in the normal flow of the root element. User agents may also apply it to other elements like table-row elements.
Inheritedno
Mediavisual, paged
Computed valueas specified
Animatableno
Canonical orderthe unique non-ambiguous order defined by the formal grammar

See Also  

Specification

Specification Status Comment
CSS Logical Properties Level 1
The definition of 'recto and verso' in that specification.		 Editor's Draft Adds the values recto and verso.
CSS Paged Media Module Level 3
The definition of 'page-break-after' in that specification.		 Working Draft Extends the element that this property applies to table rows and table row groups.
CSS Level 2 (Revision 1)
The definition of 'page-break-after' in that specification.		 Recommendation Initial definition

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 Not supported (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 ? Not supported (bug 132035) ? ? ?

License

© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/css/page-break-after

CSS CSS Property Page Breaks Reference