BASELINE NowYouCanUse.com
Limited Availability Layout

Column breaks

In columnar layouts (created by the columns or column-count CSS properties), the break-after, break-before, break-inside properties control where columns start or end.
Baseline Status: This feature is currently Limited (not yet Baseline). Latest engine implementation shipped on May 31, 2022.
Desktop Browser Engine Support
Google Chrome
102
Supported
Mozilla Firefox
—
Unsupported
Apple Safari
—
Unsupported
Microsoft Edge
102
Supported
Mobile Browser Engine Support
Chrome Android
102
Firefox Android
—
Safari iOS
—
Specifications and References
Specification ↗ Feature XML ↗
MDN Browser Compat Data Keys:
css.properties.break-after.avoid-column ↗ css.properties.break-after.column ↗ css.properties.break-after.multicol_context ↗ css.properties.break-after.multicol_context.avoid ↗ css.properties.break-after.multicol_context.avoid-column ↗ css.properties.break-after.multicol_context.column ↗ css.properties.break-before.avoid-column ↗ css.properties.break-before.column ↗ css.properties.break-before.multicol_context ↗ css.properties.break-before.multicol_context.avoid ↗ css.properties.break-before.multicol_context.avoid-column ↗ css.properties.break-before.multicol_context.column ↗ css.properties.break-inside.avoid-column ↗ css.properties.break-inside.multicol_context ↗ css.properties.break-inside.multicol_context.avoid-column ↗
id: column-breaks