break-before
Specifies whether a page, column, or region break should occur before an element. Useful for ensuring headers always start a new column or page.
Quick example
.chapter-title {
/* Ensures every chapter starts at the top of a new page */
break-before: always;
}Quick facts
Initial value
autoInherited
No
Applies to
block-level elements
Animation type
discrete
Values
autoavoidalwaysallavoid-pagepageleftrightrectoversoavoid-columncolumnavoid-regionregion break-before 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+