CSS orphans Property

The orphans property specifies how many lines of a block-level container can be left at the bottom of a page or column. The first line of a paragraph that appears alone at the bottom of a page and continues on the next page is referred to as an orphan.

The property is commonly used in conjunction with the @media rule to specify the number of orphans allowed at the end of a page. It can also be used in multi-column web-pages and digital document layouts. It will specify the maximum number of lines allowed at the end of a column.

The widows property specifies the number of lines that appear at the beginning of the following page/column.



Property Values

Value Description
integer Specifies the minimum number of lines required at the bottom of a page or column. Negative values are not permitted.
initial This property is set to its default value.
inherit This property is inherited from its parent element.

Supported Browsers

Property Chrome Firefox Safari Edge / IE Opera
orphans 25.0 Not supported 3.1 8.0 10.0