:left CSS 伪类, 需要和@规则 @page 配套使用, 对打印文档的左侧页设置CSS样式.
/* 设置打印时的左侧文档样式 */
@page :left {
margin: 2in 3in;
}
打印文档的"左"或"右"是由书写方向相关的. 举个栗子, "从左到右"的书写方向中第一页应当使用 :right 配置; "从右至左"的书写方向中第一页应当使用 :left 配置.
Note: 并不是所有样式属性都能应用在此选择器内. 仅仅 margin, padding, border, 和 background 等打印时需要的属性可以使用. 其他属性将直接忽略, 并且可以使用的属性也只会在打印时生效, 显示时不会生效.
参数
:left
样例
@page :left {
margin: 2in 3in;
}
规范
| Specification | Status | Comment |
|---|---|---|
| CSS Paged Media Module Level 3 :left |
Working Draft | No change. |
| CSS Level 2 (Revision 1) :left |
Recommendation | Initial definition. |
浏览器兼容性
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Left-hand page pseudo-class (:left) | Chrome No support No | Edge Full support 12 | Firefox No support No | IE Full support 8 | Opera No support 9.2 — 15 | Safari ? | WebView Android No support No | Chrome Android No support No | Edge Mobile Full support 12 | Firefox Android No support No | Opera Android No support 10.1 — 14 | Safari iOS ? | Samsung Internet Android No support No |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown