CSS orphans property

Definition and Usage

orphans The property is used to specify the minimum number of lines that must be retained at the bottom of the page or column.

Tip:See also widows Property.

When printing, at least 4 lines are displayed at the bottom of each page and at least 2 lines at the top:

@media print {
  orphans: 4;
  widows: 2;
}

orphans: integer|initial|inherit;

Value	Description
integer	Specifies the minimum number of lines that must be retained at the bottom of the page or column. Negative values are not allowed.
initial	Sets this property to its default value. See initial.
inherit	Inherits this property from its parent element. See inherit.

Value

Description

integer

Specifies the minimum number of lines that must be retained at the bottom of the page or column.

Negative values are not allowed.

initial

Sets this property to its default value. See initial.

inherit

Inherits this property from its parent element. See inherit.

Default Value:	2
Inheritance:	Yes
Animation Production:	Not supported. See:Animation-related Properties.
Version:	CSS3
JavaScript Syntax:	object.style.orphans = "3"

The numbers in the table indicate the browser version that first fully supports this property.

Chrome	Edge	Firefox	Safari	Opera
25.0	8.0	Not Supported	3.1	10.0