orphans (CSS property)
| Inherited | Initial | Version |
|---|---|---|
| Yes | CSS2 |
| IE7 | FF2 | SA3 | OP9.2+ |
|---|---|---|---|
| None | None | None | Full |
Syntax
Description
Orphans are the lines of text that remain on the previous page when an element is split over two pages. It’s usually undesirable to display only the first line of a paragraph at the bottom of a page. This property allows the designer to specify the minimum number of lines that must display at the bottom of a page.
Example
This style rule ensures that at least three lines of text display at the bottom of the page when a page break occurs inside a paragraph:
p {
orphans: 3;
}Value
An integer value specifies the minimum number of lines that must display at the bottom of a page when a page break occurs inside an element.
Negative values are illegal.
Compatibility
| Internet Explorer | Firefox | Safari | Opera | |||||||
|---|---|---|---|---|---|---|---|---|---|---|
| 5.5 | 6.0 | 7.0 | 1.0 | 1.5 | 2.0 | 1.3 | 2.0 | 3.0 | 9.2 | 9.5 |
| None | None | None | None | None | None | None | None | None | Full | Full |
Internet Explorer for Windows versions up to and including 7 don’t support this property.
Firefox versions up to and including 2 don’t support this property.
Safari versions up to and including 3 don’t support this property.
User-contributed notes
There are no comments yet.
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.