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.

Compatibility

• Chrome 102 Released on 2022-05-24
• Chrome Android 102 Released on 2022-05-24
• Edge 102 Released on 2022-05-31
• Firefox ❌ Search for bugs Search for standards position
• Firefox for Android ❌ Search for bugs Search for standards position
• Safari ❌ Search for bugs Search for standards position
• Safari on iOS ❌ Search for bugs Search for standards position

BCD data

• css.properties.break-inside.multicol_context
• css.properties.break-inside.multicol_context.avoid-column
• css.properties.break-after.multicol_context
• css.properties.break-after.multicol_context.column
• css.properties.break-before.multicol_context
• css.properties.break-before.multicol_context.column
• css.properties.break-after.multicol_context.avoid
• css.properties.break-after.multicol_context.avoid-column
• css.properties.break-before.multicol_context.avoid
• css.properties.break-before.multicol_context.avoid-column