阅读 258

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+


文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐