: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 No support NoEdge Full support 12Firefox No support NoIE Full support 8Opera No support 9.2 — 15Safari ? WebView Android No support NoChrome Android No support NoFirefox Android No support NoOpera Android No support 10.1 — 14Safari iOS ? Samsung Internet Android No support No

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown

参考

文档标签和贡献者

此页面的贡献者: LeonZou, vaynewang
最后编辑者: LeonZou,