CSS - orphans


Advertisements


Description

The orphans property is used to set the minimum number of lines in an element that must appear at the bottom of a page.

Possible Values

  • integer − The number given sets the minimum number of lines permitted at the bottom of a page.

Applies to

All the block-level elements.

DOM Syntax

object.style.orphans = "10"

Example

Here is the example −

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

It will produce the following result −



Advertisements