The :right
CSS pseudo-class, used with the @page
at-rule, represents all right-hand pages of a printed document.
/* Selects any right-hand pages when printing */ @page :right { 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.
:right
@page :right { margin: 2in 3in; }
Specification | Status | Comment |
---|---|---|
CSS Paged Media Module Level 3 The definition of ':right' in that specification. | Working Draft | No change. |
CSS Level 2 (Revision 1) The definition of ':right' in that specification. | Recommendation | Initial definition. |
Desktop | ||||||
---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
Basic support | ? | Yes | No | 8 | 9.2 | ? |
Mobile | |||||||
---|---|---|---|---|---|---|---|
Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
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/:right