CSS `page-break-after` Property

Example

Insert a page break after the <footer> element:

@media print {
    footer { page-break-after: always; }
}

The page-break-after property is used to insert a page break after the specified element.

Note: You cannot use this property on absolutely positioned elements.

Note: Use page break properties sparingly and avoid using them within tables, floating elements, and block elements with borders.

Default value:	auto
Inherited:	no
---	---
Version:	CSS2
---	---
JavaScript syntax:	`object.style.pageBreakAfter="always"`
---	---

All major browsers support the page-break-after property.

Note: Any version of Internet Explorer (including IE8) supports the property values "left", "right", and "inherit".

Note: Firefox, Chrome, and Safari do not support the property values "avoid", "left", and "right".

Value	Description
auto	Default. Inserts a page break after the element if necessary.
always	Inserts a page break after the element.
avoid	Avoids a page break after the element.
left	Inserts one or two page breaks after the element, so the next page is a left page.
right	Inserts one or two page breaks after the element, so the next page is a right page.
inherit	Specifies that the value of the `page-break-after` property should be inherited from the parent element.