CSS page-break-after Property

In CSS, the page-break-after property is used to insert a page break after the specified element.

Similarly, page-break-before, page-break-after, and page-break-inside are all important in determining and thus defining how the final document will look when printed. The page-break-after property cannot be used on elements that are absolutely positioned or on an empty <div> element.



Property Values

Value Description
auto Default. Page break occurs automatically.
always Always follow the element with a page break.
avoid Avoid inserting a page break after the element (if possible).
left Insert a page break after the element to make the next page a left page.
right Insert a page break after the element to ensure that the next page is formatted correctly.
initial This property is set to its default value.
inherit This property is inherited from its parent element.

Supported Browsers

Property Chrome Firefox Safari Edge / IE Opera
page-break-after 1.0 1.0 1.2 4.0 7.0