page-break-inside property CSS Reference

Definition and Usage

The page-break-inside CSS property adjusts page breaks inside the current element.

  • Initial auto
  • Applies to block-level elements in the normal flow of the root element. UA may also apply it to other elements like table-row elements.
  • Inherited no
  • Media visual, paged
  • Computed Value as specified
  • Animatable no
  • Canonical order the unique non-ambiguous order defined by the formal grammar


Formal syntax: auto | avoid
page-break-inside: auto
page-break-inside: avoid
page-break-inside: inherit


Initial value. Automatic page breaks (neither forced nor forbidden).
Avoid page breaks inside the element.


/* avoid page break inside the paragraph */
p { page-break-inside: avoid;  }


Desktop browsers

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support1.019.0 (19) (312)

Mobile browsers

FeatureAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Basic supportNA19.0 (19)NANANA

Relative articles