Page break after element

break-after

Specify page layout and column layout behaviour immediately after the end of this element.

Property values

This property can be used to control the layout of text across either columns or across printed pages, either forcing the layout to resume on the next column/page, or preventing the layout from breaking just after this element.

Use one of these keywords which are honored for both page layout and column layout:

auto Allows the page layout or column layout to insert a break just after this element, but never forces the break.
avoid Prevents the page layout or column layout from inserting a break just after this element.
always When the element is inside a column, the column layout algorithm inserts a column break just after the element; but when the element is not inside a column, the page layout algorithm inserts a page break just after the element.
all Regardless of whether this element is inside a column, the layout algorithm inserts a page break just after the element and resumes layout on the next page.

Or use one of these keywords which are specific to page layout only:

avoid-page Prevents the page layout from inserting a page break just after this element.
page Forces the page layout to insert a page break just after this element.
left Inserts one or two page breaks just after this element, forcing the next element to begin on a left page.
right Inserts one or two page breaks just after this element, forcing the next element to begin on a right page.
recto Inserts one or two page breaks just after this element, forcing the next element to begin on a recto page, the left-hand page of a two-page spread (in left-to-right reading systems).
verso Inserts one or two page breaks just after this element, forcing the next element to begin on a verso page, the right-hand page of a two-page spread (in left-to-right reading systems).

Or use one of these keywords which are specific to column layout only:

avoid-column Prevents the column layout from inserting a column break just after this element.
column Forces the column layout to insert a column break just after this element.

Examples

This examples forces a page break immediately after the end of any section identified as #summary.

section#summary {
break-after: page;
}
break-after
0

style > paging > break-afterPage break after element

🔗 🔎