CSS 参考手册

CSS @规则(RULES)

CSS 属性大全

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