break-after
Defines what kind of break (page, column, or region) should happen after an element. Commonly used in multi-column layouts or print CSS to force content onto a new page/column.
Quick example
h2.section-start {
/* Forces a page break after this header in print/multi-column */
break-after: page;
}Quick facts
Initial value
autoInherited
No
Applies to
block-level elements
Animation type
discrete
Values
autoavoidalwaysallavoid-pagepageleftrightrectoversoavoid-columncolumnavoid-regionregion break-after Browser Support
Widely available Since 2019 95% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2019.
Safe to use without fallbacks.
50+
65+
10+
12+