Definition and Usage
The @page CSS at-rule is used to modify some CSS properties when printing a document. You can’t change all CSS properties with @page. You can only change the margins, orphans, widows, and page breaks of the document. Attempts to change any other CSS properties will be ignored.
The @page at-rule can be accessed via the CSS object model interface CSSPageRule.
Note: The W3C is discussing how to handle viewport-related <length> units, vh, vw, vmin, and vmax. Meanwhile do not use them within a @page at-rule.
Syntax
@page :pseudo-class { margin:2in; }
Examples
Please refer to the various pseudo-classes of @page for examples.
Compatibility
Desktop browsers
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | 2.0 | 19.0 (19.0) | 8.0 | 6.0 | 5.0 |
Mobile browsers
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | NA | 19.0 (19.0) | NA | NA | NA |