Precise widow and orphan control is also available through the widows  and orphans properties. The value of the property is the minimum number of lines which is allowed to be widowed or orphaned.

For example you can prevent less than four lines of a paragraph being left behind or printed on a new page using the following:

p {  widows:4;
      orphans:4; }

widows Attribute & Property

Sets or retrieves the minimum number of lines of a paragraph that must appear at the top of a page.

Syntax

HTML
{ widows : nLines }

Scripting
[ nLines = ] object.style.widows [ = nLines ]

** The property has no default value. The Cascading Style Sheets (CSS) attribute is not inherited.

This property applies when the document is printed. If there are fewer lines than necessary to satisfy this rule, the lines are moved to the following page. The widows property has precedence over the orphans property.

This property requires Internet Explorer to be in IE8 mode rendering.

Orphans Attribute & Property

Sets or retrieves the minimum number of lines of a paragraph that must appear at the bottom of a page.

Syntax

HTML
{ orphans : nLines }

Scripting
[ nLines = ] object.style.orphans [ = nLines ]

** The property has a default value of 0. The Cascading Style Sheets (CSS) attribute is not inherited.

Tags: orphans Attribute, orphans Property, widows Attribute, widows Property

This entry was posted on Monday, May 10th, 2010 at 6:43 am and is filed under Css Tricks. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.