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规则支持不佳。
|