Skip to: content, navigation

by Tommy Olsson and Paul O’Brien

page-break-inside (CSS property)

Browser support full matrix
IE7 FF2 Saf3 Op9.2+
None None None Full
Spec
Inherited Initial Version
Yes auto CSS2
page-break-inside: { auto | avoid | inherit } ;

Example

This style rule tells the user agent to avoid splitting unordered lists over two pages:

ul {
  page-break-inside: avoid;
}

Description

This property specifies whether a page break may or shouldn’t occur inside a block-level element’s generated box.

Value

auto
allows a page break inside the box
avoid
tells the user agent to avoid inserting a page break inside the box, if at all possible

Compatibility

IE5.5None
6.0None
7.0None
Firefox1.0None
1.5None
2.0None
Safari1.3None
2.0None
3.0None
Opera9.2Full
9.5Full

Internet Explorer for Windows versions up to and including 7 don’t support this property.

Firefox versions up to and including 2 don’t support this property.

Safari versions up to and including 3 don’t support this property.

User-contributed notes

There are no comments yet.

Add a note

To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.

Related Products

The Principles of Beautiful Web Design

Best Seller!

You don’t need to go to Art School to design great looking web sites!

Book Cover: The Principles of Beautiful Web Design

Download the FREE sample chapters