Page breaksBaseline · Widely available

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.

Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Jan 29, 2019. Widely available since Jul 29, 2021.

How to use ↓Compare browsers

Browser support

DesktopChrome

1–49Not supported

50+Supportedsince Apr 13, 2016

Current: 155

Edge

12+Supportedsince Jul 29, 2015

Current: 154

Firefox

1–64Not supported

65+Supportedsince Jan 29, 2019

Current: 157

Safari

1–9.1Not supported

10+Supportedsince Sep 20, 2016

Current: 27

MobileChrome Android

18–49Not supported

50+Supportedsince Apr 13, 2016

Current: 155

Firefox Android

4–64Not supported

65+Supportedsince Jan 29, 2019

Current: 157

Safari iOS

1–9.3Not supported

10+Supportedsince Sep 13, 2016

Current: 27

How to use

This feature is Baseline widely available — use it freely, no fallback needed.

Example

Full syntax and examples are on MDN: break-after.

Feature detection

CSS · check before using

@supports (break-after: avoid-page) {
  /* styles that rely on break-after: avoid-page */
}

/* or in JavaScript */
if (CSS.supports("break-after", "avoid-page")) {
  // use it
}

Documentation (MDN)

Specification

drafts.csswg.org#breaking-controls ↗

Sub-features

Support for each part of the feature (33). The overall table above shows when the whole feature works.

Sub-feature	Chrome	Edge	Firefox	Safari	Chrome Android	Firefox Android	Safari iOS
break-after	50	12	65	10	50	65	10
break-after.always	✕	✕	65	✕	✕	65	✕
break-after.auto	50	79	65	10	50	65	10
break-after.avoid	50	79	✕	✕	50	✕	✕
break-after.avoid-page	50	79	✕	10	50	✕	10
break-after.left	50	79	65	10	50	65	10
break-after.page	50	79	65	10	50	65	10
break-after.paged_context	50	12	65	10	50	65	10
break-after.paged_context.avoid-page	50	12	✕	10	50	✕	10
break-after.paged_context.page	50	12	65	10	50	65	10
break-after.paged_context.recto	87	87	✕	✕	87	✕	✕
break-after.recto	50	79	✕	10	50	✕	10
break-after.right	50	79	65	10	50	65	10
break-after.verso	50	79	✕	10	50	✕	10
break-before	50	12	65	10	50	65	10
break-before.always	✕	✕	65	✕	✕	65	✕
break-before.auto	50	79	65	10	50	65	10
break-before.avoid	50	79	✕	✕	50	✕	✕
break-before.avoid-page	50	79	✕	10	50	✕	10
break-before.left	50	79	65	10	50	65	10

Show 13 more

Sub-feature	Chrome	Edge	Firefox	Safari	Chrome Android	Firefox Android	Safari iOS
break-before.page	50	79	65	10	50	65	10
break-before.paged_context	50	12	65	10	50	65	10
break-before.paged_context.page	50	12	65	10	50	65	10
break-before.paged_context.recto	87	87	✕	✕	87	✕	✕
break-before.recto	50	79	✕	10	50	✕	10
break-before.right	50	79	65	10	50	65	10
break-before.verso	50	79	✕	10	50	✕	10
break-inside	50	12	65	10	50	65	10
break-inside.auto	50	79	65	10	50	65	10
break-inside.avoid	50	79	65	10	50	65	10
break-inside.avoid-page	50	79	92	10	50	92	10
break-inside.paged_context	50	12	65	10	50	65	10
break-inside.paged_context.avoid-page	51	12	92	✕	51	92	✕