CSS orphans property

CSS orphans Property

Description

The orphans property sets the minimum number of lines an element must appear at the bottom of a page.

Possible Values

  • Integer – The given number sets the minimum number of lines allowed at the bottom of a page.

Applies to

All block-level elements.

DOM syntax

object.style.orphans = "10" 

Example

Here is an example:


<html> 
<head> 
<style type = "text/css">
p {orphans: 3;}
h1 {orphans: 5;}
</style>
</head>

<body>
<p>geek-docs.com</p>
<h1>geek-docs.com</h1>
</body>

html>

Will produce the following result −

CSS orphans attribute

Leave a Reply

Your email address will not be published. Required fields are marked *