Easy Tutorial
❮ Prop Element Clientleft Prop Iframe Align ❯

Style pageBreakInside Property


Definition and Usage

The pageBreakInside property sets or returns the pagination behavior within an element (used for printing or print preview).

Note: The pageBreakInside property does not affect absolutely positioned elements.

Syntax

Setting the pageBreakInside property:

Returning the pageBreakInside property:

Value Description
auto Default. Inserts a page break inside the element if necessary.
avoid Avoids inserting a page break inside the element.
inherit The value of the pageBreakInside property is inherited from the parent element.

Browser Support

All major browsers support the pageBreakInside property.

Note: IE7 and earlier versions do not support the "inherit" value. IE8 only supports "inherit" if the !DOCTYPE is specified. IE9 supports "inherit".

Note: Firefox, Chrome, and Safari do not support the "avoid" property value.


Tips and Notes

Tip: Avoid page break properties inside tables, floating elements, and block elements with borders.


Example

Avoid page breaks inside the <p> element with id="footer":


❮ Prop Element Clientleft Prop Iframe Align ❯