Orphans CSS Property

In typographic lingo, orphans are those lines of a paragraph stranded at the bottom of a page due to a page break, while windows are those lines remaining at the top of a page following a page break. Generally, printed pages do not look attractive with single lines of text stranded at the top or bottom. Most printers try to leave at least two or more lines of text at the top or bottom of each page.

• The orphans property specifies the minimum number of lines of a paragraph that must be left at the bottom of a page.
•  The widow's property specifies the minimum number of lines of a paragraph that must be left at the top of a page.

Here is the example to create 4 lines at the bottom and 3 lines at the top of each page −

<style>
   <!--
      @page {
         orphans:4;
         widows:2;
      }
   -->
</style>

Karthikeya Boyini

Published on 27-Apr-2018 11:44:53