blob: 739b6073073c196aa5b4c626e4e4527a9fb2e6a1 (
plain)
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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
|
---
title: ':right'
slug: 'Web/CSS/:right'
translation_of: 'Web/CSS/:right'
---
<p><strong><code>:right</code></strong> <a href="/zh-CN/docs/Learn/CSS">CSS</a> <a href="/zh-CN/docs/Web/CSS/Pseudo-classes">伪类</a>必须与<a href="/zh-CN/docs/Web/CSS/At-rule">@规则</a> {{cssxref("@page")}} 一起配套使用，表示打印文档的所有右页。</p>
<pre class="brush: css no-line-numbers">/* 当打印时会选择所有文档右页 */
@page :right {
margin: 2in 3in;
}</pre>
<p>这里的“左” 或 “右” 不是固定的，取决与文档的写作方向。如果第一页主要文字方向是从左到右的，那么它就是{{cssxref(":right")}}右页，反之它就是{{cssxref(":left")}}左页。</p>
<div class="blockIndicator note">
<p>Note: 可通过 <code>bdo</code> 标签 的 <code>dir</code> 属性改变文字方向。</p>
</div>
<div class="note">
<p><strong>Note:</strong> 此伪类只能用于更改页面的 {{ cssxref("margin") }}, {{cssxref("padding") }}, {{ cssxref("border") }}, and {{cssxref("background") }} 属性。其它属性都将被忽略，只会影响页框，不会影响文档内容。 </p>
</div>
<h2 id="语法">语法</h2>
<pre class="syntaxbox">@page:right{
margin: * *;
}</pre>
<h2 id="示例">示例</h2>
<pre class="brush: css">@page :right {
margin: 2in 3in;
}
</pre>
<h2 id="规范">规范</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('CSS3 Paged Media', '#left-right-first', ':right') }}</td>
<td>{{ Spec2('CSS3 Paged Media') }}</td>
<td>无改变。</td>
</tr>
<tr>
<td>{{ SpecName('CSS2.1', 'page.html#page-selectors', ':right') }}</td>
<td>{{ Spec2('CSS2.1') }}</td>
<td>初步定义。</td>
</tr>
</tbody>
</table>
<h2 id="浏览器兼容性">浏览器兼容性</h2>
<p>{{Compat("css.selectors.right")}}</p>
<h2 id="参考">参考</h2>
<ul>
<li>{{ cssxref("@page") }}</li>
<li>Other page-related pseudo-classes: {{ cssxref(":first") }}, {{ cssxref(":left") }}</li>
</ul>
|
