Skip to: content, navigation

widows (CSS property)

Spec
Inherited Initial Version
Yes CSS2
Browser support (more…)
IE7 FF2 SA3 OP9.2+
None None None Full

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
5.5 6.0 7.0 1.0 1.5 2.0 1.3 2.0 3.0 9.2 9.5
None None None None None None None None None Full Full

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

Search