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

Mobile browsers