CSS widows PropertyS2C Home « CSS widows Property


The CSS widows property allows us to specify the minimum number of lines to display at the top of the next page, when a page break occurs inside a block-level element.

Applies To

All block-level elements.

Property Values

negative values are NOT acceptable when using the CSS widows property.

inherit - Widow attributes are inherited from the parent element.

integer - Defines the number of lines of a block container that must be shifted to the next printable page.

Default Value

Default value is set to 2.


The widows properties are inherited from the parent element if none are applied to the current element.

Browser Anomalies

Only IE8 and above and Opera support the CSS widows property.
IE5, IE6 and IE7 do not support the inherit property value.
IE8 does with a valid !DOCTYPE.
IE9+ supports the inherit property value.


<!DOCTYPE html> 
<!-- Our HTML/CSS for the CSS orphans property follows -->
<html  lang="en">
<title>CSS Reference - CSS widows Property</title>

<!-- Valid values for CSS widows Property are:
	inherit and integer. 

<style type="text/css">

/* Deal with paragraph widows */
p {
  widows; 5;

<h1>The widows CSS property</h1>
<p>Some text you need to repeat if you wanna test this property</p>

go to home page Homepage go to top of page Top