Dofactory.com
Dofactory.com
Earn income with your CSS skills
Sign up and we'll send you the best freelance opportunities straight to your inbox.
We're building the largest freelancing marketplace for people like you.
By adding your name & email you agree to our terms, privacy and cookie policies.

CSS page-break-inside

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


Last updated on Sep 30, 2023

Earn income with your CSS skills
Sign up and we'll send you the best freelance opportunities straight to your inbox.
We're building the largest freelancing marketplace for people like you.
By adding your name & email you agree to our terms, privacy and cookie policies.

Guides