:right

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

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

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

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

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

语法

@page:right{
    margin: * *;
}

示例

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

规范

Specification Status Comment
CSS Paged Media Module Level 3
:right
Working Draft 无改变。
CSS Level 2 (Revision 1)
:right
Recommendation 初步定义。

浏览器兼容性

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Right-hand page pseudo-class (:right)Chrome Full support 6Edge Full support 12Firefox No support NoIE Full support 8Opera Full support 9.2Safari Full support 5.1WebView Android Full support ≤37Chrome Android Full support 18Firefox Android No support NoOpera Android Full support 10.1Safari iOS Full support 6Samsung Internet Android Full support 1.0

Legend

Full support  
Full support
No support  
No support

参考