CSS page-break-inside Property

The page-break-inside property specifies whether to avoid page-breaks.

This property is used to control the printing of an HTML document.

It does not work with absolute positioned elements or empty <div> elements.

Example

#

During printing a page break should be avoided in <blockquote> element.

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

Syntax

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

Values

#

Value Description
auto Default. Automatic page-break
avoid Avoid a page-break after the element (if possible)
initial Sets the value to its default value.
inherit Inherits the value from its parent element.

Browser support

This table shows when page-break-inside support started for each browser.

Chrome
1.0 Dec 2008
Firefox
19.0 Feb 2013
IE/Edge
8.0 Mar 2009
Opera
7.0 Jan 2003
Safari
1.3 Apr 2005

You may also like

Guides