widows property

Image Tutorials

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.

  • Initial2
  • Applies toblock container elements
  • Inheritedyes
  • Mediavisual, paged
  • Computed Valueas specified
  • Animatableno
  • Canonical orderthe 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

1 p {
2   widows3;
3 }

Rate article