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 3The 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.
Update compatibility data on GitHub
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
See also
:left by Mozilla Contributors is licensed under CC-BY-SA 2.5.