CSS page-break-before Property

The page-break-before CSS property is used to insert a page break before the specified element. This property helps to define how a document should behave when printed.

The page-break-before property cannot be applied to absolutely positioned elements or an empty element. Instead of using page-break-before, use the break-before property.



Property Values

Value Description
auto Default. Page breaks occur automatically.
always Always include a page break before inserting the element.
avoid Avoid using a page break before the element (if possible)
left Insert a page break before the element to make the next page a left page.
right Insert a page break before the element to ensure that the next page is formatted correctly.
initial Set this property's value to the default.
inherit This property is inherited from its parent element.

Supported Browsers

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