-
Notifications
You must be signed in to change notification settings - Fork 22.4k
/
index.md
52 lines (36 loc) · 1.39 KB
/
index.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
---
title: ":right"
slug: Web/CSS/:right
page-type: css-pseudo-class
browser-compat: css.selectors.right
---
{{CSSRef}}
The **`:right`** [CSS](/en-US/docs/Web/CSS) [pseudo-class](/en-US/docs/Web/CSS/Pseudo-classes), used with the {{cssxref("@page")}} [at-rule](/en-US/docs/Web/CSS/At-rule), represents all right-hand pages of a printed document.
```css
/* 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 {{Cssxref(":left")}} page.
> **Note:** This pseudo-class can be used to change only the {{ Cssxref("margin") }}, {{ Cssxref("padding") }}, {{ Cssxref("border") }}, and {{ Cssxref("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
```css
:right {
/* ... */
}
```
## Examples
### Setting margins for right-hand pages
```css
@page :right {
margin: 2in 3in;
}
```
## Specifications
{{Specifications}}
## Browser compatibility
{{Compat}}
## See also
- {{ Cssxref("@page") }}
- Other page-related pseudo-classes: {{ Cssxref(":first") }}, {{ Cssxref(":left") }}