@page规则定义styleSheet中页面框的尺寸,方向和页边距,用于打印预览和从浏览器打印Web文档。通常,在此构造中,各种CSS属性(如大小,页面和边距)用于指定页面框的尺寸,方向,边距等。
页面框是一个矩形区域,其中包含两个区域:
该页面区域。页面区域包括该页面上布置的框。第一页区域的边缘建立了矩形,该矩形是文档的初始包含块。画布背景被绘制在其中并覆盖页面区域。
在边缘区域,围绕页面区域。页边距区域是透明的。
CSS @page 规则的使用语法
该规则的语法如下:
@page[:left|:right|:first]{/*print-specificrules*/}
下面的示例演示了如何使用@page属性。
示例
@page{margin:2in;/*defaultforallpages*/}@page:left{margin:1in;/*marginonleftpage*/}@page:right{margin:3in;/*marginonrightpage*/}@page:first{margin-top:5in;/*topmarginonfirstpage*/}
浏览器兼容性
该@page规则支持不佳。