Widely Available
Layout
id: page-breaks
Page breaks
In printed page layouts, the
break-after, break-before, break-inside CSS properties control where printed pages start and end. Also known as pagination or page breaking.
Baseline Status:
Achieved Widely Available on Jul 29, 2021 (Cross-browser Newly Available since Jan 29, 2019).
Desktop Browser Engine Support
Google Chrome
50
Supported
Mozilla Firefox
65
Supported
Apple Safari
10
Supported
Microsoft Edge
12
Supported
Mobile Browser Engine Support
Chrome Android
50
Firefox Android
65
Safari iOS
10
Specifications and References
MDN Browser Compat Data Keys:
css.properties.break-after ↗
css.properties.break-after.always ↗
css.properties.break-after.auto ↗
css.properties.break-after.avoid ↗
css.properties.break-after.avoid-page ↗
css.properties.break-after.left ↗
css.properties.break-after.page ↗
css.properties.break-after.paged_context ↗
css.properties.break-after.paged_context.avoid-page ↗
css.properties.break-after.paged_context.page ↗
css.properties.break-after.paged_context.recto ↗
css.properties.break-after.recto ↗
css.properties.break-after.right ↗
css.properties.break-after.verso ↗
css.properties.break-before ↗
css.properties.break-before.always ↗
css.properties.break-before.auto ↗
css.properties.break-before.avoid ↗
css.properties.break-before.avoid-page ↗
css.properties.break-before.left ↗
css.properties.break-before.page ↗
css.properties.break-before.paged_context ↗
css.properties.break-before.paged_context.page ↗
css.properties.break-before.paged_context.recto ↗
css.properties.break-before.recto ↗
css.properties.break-before.right ↗
css.properties.break-before.verso ↗
css.properties.break-inside ↗
css.properties.break-inside.auto ↗
css.properties.break-inside.avoid ↗
css.properties.break-inside.avoid-page ↗
css.properties.break-inside.paged_context ↗
css.properties.break-inside.paged_context.avoid-page ↗