CSS @page rule

You can specify the dimensions, orientation, margins, etc., of a page box within an @page rule. The dimensions of the page box are set with the 'size' property. The dimensions of the page area are the dimensions of the page box minus the margin area.

For example, the following @page rule sets the page box size to 8.5 × 11 inches and creates '2cm' margin on all sides between the page box edge and the page area:

<style>
   <!--
      @page { size:8.5in 11in; margin: 2cm }
   -->
</style>

Ankith Reddy

Published on 30-Apr-2018 09:16:29

• Related Questions & Answers
• CSS @media rule
• What is horizontal rule in HTML Page?
• Usage of CSS !important rule
• Usage of CSS @import: rule
• Usage of CSS @charset rule
• Animate CSS column-rule property
• Usage of @import Rule for CSS
• Usage of CSS @font-face rule
• Animate CSS column-rule-color property
• Rules to override Style Sheet Rule in CSS
• When is the !important rule used in CSS?
• Change column-rule-width property with CSS Animations
• Insert a new CSS rule while working on JavaScript?
• Usage of page-break-before, page-break-after, and page-break-inside properties in CSS
• Retrofit existing web page with mobile CSS