The :left
CSS pseudo-class, used with the @page
at-rule, represents all left-hand pages of a printed document.
/* Selects any left-hand pages when printing */ @page :left { margin: 2in 3in; }
Whether a given page is "left" or "right" is determined by the major writing direction of the document. For example, if the first page has a major writing direction of left-to-right then it will be a :right
page; if it has a major writing direction of right-to-left then it will be a :left
page.
Note: This pseudo-class can be used to change only the margin
, padding
, border
, and background
properties of the page box. All other properties will be ignored, and only the page box, not the document content on the page, will be affected.
Syntax
:left
Examples
Setting a margin for left-hand pages
@page :left { margin: 2in 3in; }
Specifications
Specification | Status | Comment |
---|---|---|
CSS Paged Media Module Level 3 The definition of ':left' in that specification. |
Working Draft | No change. |
CSS Level 2 (Revision 1) The definition of ':left' in that specification. |
Recommendation | Initial definition. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Left-hand page pseudo-class (:left ) | Chrome Full support 6 | Edge Full support 12 | Firefox No support No | IE Full support 8 | Opera Full support 9.2 | Safari Full support 5.1 | WebView Android Full support ≤37 | Chrome Android Full support 18 | Firefox Android No support No | Opera Android Full support 10.1 | Safari iOS Full support 6 | Samsung Internet Android Full support 1.0 |
Legend
- Full support
- Full support
- No support
- No support