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: You can't change all CSS properties with this pseudo-class. You can only change 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.
:left
@page :left { margin: 2in 3in; }
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. |
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic support | ? | Yes | No | 8 | 9.2 | ? |
Feature | Android webview | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
Basic support | ? | ? | Yes | No | ? | ? | ? |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/:left