page-break-after

Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.

Warning: This property has been replaced by the break-after property.

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

Try it

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: revert;
page-break-after: revert-layer;
page-break-after: unset;

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

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. It's the page placed on the left side of the spine of the book or the back side of the page in duplex printing.
right: Force page breaks after the element so that the next page is formatted as a right page. It's the page placed on the right side of the spine of the book or the front side of the page in duplex printing.
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.

Page break aliases

The page-break-after property is now a legacy property, replaced by break-after.

For compatibility reasons, page-break-after should be treated by browsers as an alias of break-after. This ensures that sites using page-break-after continue to work as designed. A subset of values should be aliased as follows:

page-break-after	break-after
`auto`	`auto`
`left`	`left`
`right`	`right`
`avoid`	`avoid`
`always`	`page`

Formal definition

Initial value	`auto`
Applies to	block-level elements in the normal flow of the root element. User agents may also apply it to other elements like `table-row` elements.
Inherited	no
Computed value	as specified
Animation type	discrete

Formal syntax

page-break-after = 
  auto     |
  always   |
  avoid    |
  left     |
  right    |
  inherit

Examples

Setting a page break after footnotes

css

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

Specifications

Specification
CSS Logical Properties and Values Level 1 # page
CSS Paged Media Module Level 3 # page-break-after
CSS Fragmentation Module Level 3 # page-break-properties

Browser compatibility

BCD tables only load in the browser