CSS @page 规则

主题：CSS3 属性参考上一页|下一页

说明

@page 规则定义样式表中页面框的尺寸、方向和边距，用于从浏览器打印预览和打印 Web 文档。 通常，在此构造中，各种 CSS 属性（如大小、页面和边距）用于指定页面框的尺寸、方向、边距等。

页面框是一个包含两个区域的矩形区域：

• 页面区域。 页面区域包括布置在该页面上的框。 第一个页面区域的边缘建立了作为文档初始包含块的矩形。 画布背景在页面区域内绘制并覆盖。
• 页边距区域，围绕页面区域。 页边距区域是透明的。

语法

此规则的语法如下所示：

下面的示例显示了 @page 属性的作用。

@page {
    margin: 2in;    /* 所有页面的默认值 */
}
@page :left {
    margin: 1in;    /* 左侧页边距 */
}
@page :right {
    margin: 3in;    /* 右侧页边距 */
}
@page :first {
    margin-top: 5in;    /* 第一页的上边距 */
}

浏览器兼容性

@page 规则的支持很差。

基本支持— Firefox (None) Google Chrome 2+ Internet Explorer 8+ Apple Safari 5+ Opera 6+

进一步阅读

请参阅以下教程： CSS 媒体类型.