page-break-inside

Summary

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

  • Initial value 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

Syntax

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

page-break-inside: inherit

Values

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

Examples

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

Specifications

Specification Status Comment
CSS Paged Media Module Level 3 Working Draft FIXME: Editor's Draft Allows this property on more elements.
CSS Level 2 (Revision 1) Recommendation Initial definition.

Browser compatibility

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

See also

Document Tags and Contributors

Contributors to this page: Sheppy, fscholz, jojomojo, F1na, ethertank, kscarfone, teoli, grendel
Last updated by: kscarfone,
Hide Sidebar