: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 | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
| Basic support | Chrome ? | Edge Full support Yes | Firefox No support No | IE Full support 8 | Opera Full support 9.2 | Safari ? | WebView Android ? | Chrome Android ? | Edge Mobile Full support Yes | Firefox Android No support No | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown