widows (CSS property)

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

Syntax

widows: { integer | inherit } ;

Description

Widows are the lines of text that are shifted to the next page when an element is split over two pages. It’s usually undesirable to display only the last line of a paragraph at the top of a page. This property allows the designer to specify the minimum number of lines that must display at the top of a page.

Example

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

p {
  widows: 3;
}

Value

An integer value specifies the minimum number of lines that must display at the top 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