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.
Syntax
Example
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 |