orphans (CSS property)

Spec
Inherited Initial Version
Yes CSS2
Browser support (more…)
IE8+ FF3.5 SA4 OP9.2+ CH2
Full None None Full None

Syntax

orphans: { integer | inherit } ;

Description

Orphans are the lines of text that remain on the previous page when an element is split over two pages. It’s usually undesirable to display only the first line of a paragraph at the bottom of a page. This property allows the designer to specify the minimum number of lines that must display at the bottom of a page.

Example

This style rule ensures that at least three lines of text display at the bottom of the page when a page break occurs inside a paragraph:

p {
  orphans: 3;
}

Value

An integer value specifies the minimum number of lines that must display at the bottom of a page when a page break occurs inside an element.

Negative values are illegal.

Compatibility

Internet Explorer Firefox Safari Opera Chrome
5.5 6.0 7.0 8.0 1.0 1.5 2.0 3.0 3.5 1.3 2.0 3.1 4.0 9.2 9.5 10.0 2.0
None None None Full None None None None None None None None None Full Full Full None

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

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

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

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

User-contributed notes

There are no comments yet.

Related Products