:right

{{ CSSRef() }}

:right CSS 伪类必须与@规则  {{cssxref("@page")}} 一起配套使用,表示打印文档的所有右页。

/* 当打印时会选择所有文档右页 */
@page :right {
  margin: 2in 3in;
}

这里的“左” 或 “右” 不是固定的,取决与文档的写作方向。如果第一页主要文字方向是从左到右的,那么它就是{{Cssxref(":right")}}右页,反之它就是{{Cssxref(":left")}}左页。

Note: 可通过 bdo 标签  的 dir 属性改变文字方向。

Note: 此伪类只能用于更改页面的 {{ Cssxref("margin") }}, {{ Cssxref("padding") }}, {{ Cssxref("border") }}, and {{ Cssxref("background") }} 属性。其它属性都将被忽略,只会影响页框,不会影响文档内容。 

语法

@page:right{
    margin: * *;
}

示例

@page :right {
  margin: 2in 3in;
} 

规范

Specification Status Comment
{{ SpecName('CSS3 Paged Media', '#left-right-first', ':right') }} {{ Spec2('CSS3 Paged Media') }} 无改变。
{{ SpecName('CSS2.1', 'page.html#page-selectors', ':right') }} {{ Spec2('CSS2.1') }} 初步定义。

浏览器兼容性

{{Compat("css.selectors.right")}}

参考

  • {{ Cssxref("@page") }}
  • Other page-related pseudo-classes: {{ Cssxref(":first") }}, {{ Cssxref(":left") }}