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

• Related Questions & Answers
• CSS outline property
• CSS height property
• CSS width property
• CSS padding property
• CSS pitch property
• CSS azimuth Property
• CSS stress property
• CSS background property
• CSS pause property
• CSS volume Property
• CSS speak property
• CSS elevation Property
• CSS cue property
• CSS Transition property
• CSS quotes Property