widows property CSS Reference



Definition and Usage

The widows CSS property defines how many minimum lines must be left on top of a new page, on a paged media. In typography, a widow is the last line of a paragraph appearing alone at the top of a page. Setting the widows property allows to prevent widows to be left.

On a non-paged media, like screen, the widows CSS property has no effect.

  • Initial 2
  • Applies to block container elements
  • Inherited yes
  • Media visual, paged
  • Computed Value as specified
  • Animatable no
  • Canonical order the unique non-ambiguous order defined by the formal grammar

Syntax

Formal syntax: <integer>
widows: 2
widows: 3
widows: inherit

Values

<integer>
Denotes the minimum amount of lines that can stay alone on the top of a new page. If the value is not positive, the declaration is invalid.

Examples

p {
widows: 3;
}

Compatibility

Desktop browsers

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 25 Not supported 8 9.2 Not supported

Mobile browsers

Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support Not supported Not supported NA NA Not supported

Relative articles