---
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>