You can use the break-after property to insert a break into multi-region contexts, paged media, and multi-column layouts. This property describes how the generated box affects the region, column, or page break. If there is no generated box, this property is ignored.
Syntax
Example
Property Values
Value
Description
auto
Default. After the element, an automatic page/column/region break occurs.
all
Always put a page break right after the main box.
always
Always follow the element with a page break.
avoid
After the element, avoid a page/column/region break.
avoid-column
Avoid inserting a column break after the element.
avoid-page
Avoid inserting a page break after the element.
avoid-region
After the element, avoid a region break.
column
Always follow the element with a column break.
left
Insert one or two page breaks after the element to make the next page a left page.
page
Always follow the element with a page break.
recto
After the main box, insert one or two page breaks so that the next page is formatted as a recto page.
region
Always follow the element with a region-break.
right
Insert one or two page breaks after the element to ensure that the next page is formatted correctly.
verso
After the main box, insert one or two page breaks so that the next page is formatted as a verso page.
initial
This property is set to its default value.
inherit
This property is inherited from its parent element.