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.
It is documented as part of the CSS Fragmentation specification.
Syntax
/* Usage Example */
h2.section-start {
/* Forces a page break after this header in print/multi-column */
break-after: page;
}
/* Syntax */
break-after: auto;
break-after: avoid;
break-after: always;
break-after: all;
break-after: avoid-page;
break-after: page;
break-after: left;
break-after: right;
break-after: recto;
break-after: verso;
break-after: avoid-column;
break-after: column;
break-after: avoid-region;
break-after: region;
/* Global values */
break-after: inherit;
break-after: initial;
break-after: revert;
break-after: revert-layer;
break-after: unset;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.
50+
65+
10+
12+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more