CSS page-break-after Property

Always insert a page break after each <footer> element (when printing):

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

Definition and Usage

The page-break-after property sets whether a page break should occur AFTER a specified element.

Note: You cannot use this property on an empty <div> or on absolutely positioned elements.

Default value: auto
Inherited: no
Animatable: no. Read about animatable
Version: CSS2
JavaScript syntax: object.style.pageBreakAfter=”always”
CSS Syntax
page-break-after: auto|always|avoid|left|right|initial|inherit;
Property Values
Value Description
auto Default. Automatic page breaks
always Always insert a page break after the element
avoid  Avoid page break after the element (if possible)
left Insert page breaks after the element so that the next page is formatted as a left page
right Insert page breaks after the element so that the next page is formatted as a right page
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit