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

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1.0 19.0 (19) 8.0 7.0 1.3 (312)

Mobile browsers

Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support NA 19.0 (19) NA NA NA

Relative articles