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

CSS的@page规则用于定义打印页面的尺寸、方向和页边距,影响打印预览和从浏览器直接打印Web文档。页面框包含页面区域和边缘区域,其中页面区域为内容布局的矩形,而边缘区域则为透明的页边距。@page规则的语法允许设置各种CSS属性,但其浏览器兼容性有限。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

@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&n
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

紫微前端

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值