CSS @page 规则

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

页面框是一个矩形区域，其中包含两个区域：

• 该页面区域。页面区域包括该页面上布置的框。第一页区域的边缘建立了矩形，该矩形是文档的初始包含块。画布背景被绘制在其中并覆盖页面区域。

• 在边缘区域，围绕页面区域。页边距区域是透明的。

CSS @page 规则的使用语法

该规则的语法如下：

@page [:left | :right | :first] {
    /* print-specific rules */
}

下面的示例演示了如何使用@page属性。

@page {
margin: 2in; /* default for all pages */
}
@page :left {
margin: 1in; /* margin on left page */
}
@page :right {
margin: 3in; /* margin on right page */
}
@page :first {
margin-top: 5in; /* top margin on first page */
}

浏览器兼容性

该@page规则支持不佳。

Firefox （无） Google Chrome2+ Internet Explorer 8+ Apple Safari 5+ Opera 6+

进一步阅读

请参考以下教程：CSS Media Types。