Skip to: content, navigation

by Tommy Olsson and Paul O’Brien

page-break-after (CSS property)

Browser support full matrix
IE5.5+ FF1+ Saf1.3+ Op9.2+
Partial Partial Partial Full
Spec
Inherited Initial Version
No auto CSS2

Example

This style rule ensures that an h3 element never ends up at the bottom of a page:

h3 {
  page-break-after: avoid;
}

Description

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

Value

always
forces a page break after the box
auto
allows a page break after the box, but doesn’t require it
avoid
tells the user agent to avoid inserting a page break after the box, if at all possible
left
forces one or two page breaks after the box, so that the next page will be a left-hand page
right
forces one or two page breaks after the box, so that the next page will be a right-hand page

Compatibility

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

Internet Explorer for Windows versions up to and including 7 do not support the values left and right; either value is interpreted as the value always.

Internet Explorer for Windows versions up to and including 7 don’t support the value inherit.

Firefox versions up to and including 2 don’t support the avoid, left, or right values.

Safari versions up to and including 3 don’t support the avoid, left, or right values.

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