page-break-inside property

Image Tutorials

Definition and Usage

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

  • Initialauto
  • Applies toblock-level elements in the normal flow of the root element. UA may also apply it to other elements like table-row elements.
  • Inheritedno
  • Mediavisual, paged
  • Computed Valueas specified
  • Animatableno
  • Canonical orderthe 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

1 /* avoid page break inside the paragraph */
2 p { page-break-insideavoid;  }

Compatibility

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

Rate article