:left

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

:left CSS 伪类需要和 @ 规则 @page 配套使用,对打印文档的左侧页设置 CSS 样式。

css
/* 设置打印时的左侧文档样式 */
@page :left {
  margin: 2in 3in;
}

打印文档的“左”或“右”是由书写方向相关的。举个例子,从左到右的书写方向中第一页应当使用 :right 配置;从右至左的书写方向中第一页应当使用 :left 配置。

备注: 并不是所有样式属性都能应用在此选择器内。仅仅 marginpaddingborderbackground 等打印时需要的属性可以使用。其他属性将直接忽略,并且可以使用的属性也只会在打印时生效,显示时不会生效。

参数

Error: could not find syntax for this item

样例

css
@page :left {
  margin: 2in 3in;
}

规范

Specification
CSS Paged Media Module Level 3
# left-right-first

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Left-hand page pseudo-class (:left)

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support

参见