CSS page-break-inside Property

CSS page-break-inside property sets whether a page-break should be avoided inside a specified element.

Usages

The following table outline the usages and version history of this property.

Default value: auto
Applies to: Block-level elements
Inherited: No
Version: CSS2
JavaScript Syntax: object.style.pageBreakInside = "avoid"

Syntax

Here is a syntax for the CSS page-break-inside property

 page-break-inside: auto | avoid | initial | inherit;

Property Values

The following table describes the values of this property.

Value Description
auto Default. Automatic page-break
avoid If possible avoid page-break inside the element
initial Sets default value of this property
inherit Inherits this property from its parent element

Examples

The example below shows to sets page-break-inside property.

 @media print {   blockquote {     page-break-inside: avoid;   } }

Browser Compatibility

  • Google Chrome 1+
  • Mozilla Firefox 1+
  • Internet Explorer 4+
  • Opera 7+
  • Safari 1.2+

Note: Here details of browser compatibility with version number may be this is bug and not supported. But recommended to always use latest Web browser.