@page

@page 规则用于在打印文档时修改某些 CSS 属性。

语法

css

@page {
  margin: 1cm;
}

@page :first {
  margin: 2cm;
}

描述符

page-orientation (en-US)

指定文档在页面上的方向，允许它进行正常的布局和格式化或者也可以将其向左或向右旋转。

size (en-US)

指定页面框包含块的目标大小和方向。通常情况下，一个页面框渲染到一页纸上时，它也会指定目标页的大小。

描述

你不能用 @page 规则来修改所有的 CSS 属性。你只能修改文档的 margin、orphans、widows 和分页符。试图对其他属性的修改都是无效的。

@page 规则可以通过 CSS 对象模型接口的 CSSPageRule 访问。

备注： W3C 正在讨论如何处理和视图窗口有关的 <length> 的单位：vh、vm、vmin 和 vmax。目前，请不要在 @page 规则中使用他们。

形式语法

@page <page-selector-list> {
  <page-body>
}

示例

@page 伪类示例

请参考 @page 的各种伪类的例子。

规范

Specification
CSS Paged Media Module Level 3
# at-page-rule
CSS Logical Properties and Values Level 1
# page

浏览器兼容性

BCD tables only load in the browser

参见