900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > CSS @page 规则 设置打印页面框的尺寸 方向和页边距 用于打印预览和从浏览器打印Web文档

CSS @page 规则 设置打印页面框的尺寸 方向和页边距 用于打印预览和从浏览器打印Web文档

时间:2019-10-04 11:26:43

相关推荐

CSS @page 规则 设置打印页面框的尺寸 方向和页边距 用于打印预览和从浏览器打印Web文档

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。