The :left
CSS page pseudo-class matches any left page when printing a document. It allows you to describe the styling of left-side pages.
/* Selects the content on the left-hand pages while printing */ @page :left { margin: 2in 3in; }
Whether the page is left or right is decided 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
page and if it has a major writing direction of right-to-left then it will be a :right
:left
page.
Note: You can't change all CSS properties. You can only change the
margin
, padding
, border
, and background
properties of the page box. All other CSS properties will be ignored, and only the page box, not the document content on the page, will be affected.Syntax
:left
Examples
@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
Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic support | ? | (Yes) | No support | 8.0 | 9.2 | ? |
Feature | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Basic support | ? | (Yes) | No support | ? | ? | ? |
See also
Document Tags and Contributors
Tags:
Contributors to this page:
chrisdavidmills,
erikadoyle,
Sebastianz,
Delapouite,
MusikAnimal,
tregagnon,
kscarfone,
Sheppy,
teoli,
brianloveswords,
FredB,
McGurk,
Fantasai,
berkerpeksag
Last updated by:
chrisdavidmills,