出血

CSS 中的 bleed 属性用于在确定打印页面大小时指定页面框边界之外的空间。

@page :left {
  bleed: 10pt;	
}

@page :top {
  bleed: 5cm;	
}

请注意，bleed 是 分页媒体模块级别 3 规范 的一部分，该规范目前正在进行中。实际上，bleed 更准确地描述为一个 at-rule 描述符，而不是一个属性，因为它属于 @page at-rule。

值

• auto：默认值为零，除非在 marks 属性上设置了 crop 值，这将创建默认值 6pt。
• <length>：设置每个方向上 bleed 区域之外的距离。接受负值，但没有标准规定如何实现它们。请注意，打印尺寸单位（即 pt、cm 和 in）是可接受的。

关于出血区域的更多信息

术语 bleed 来自印刷术。它用于描述设计超出纸张边缘的空间，这样当纸张被修剪时，颜色一直延伸到边缘。

这对网页设计有什么用？好吧，实际上，它并不完全是为网页设计而设计的，因为出血对视窗中绘制的内容没有影响。相反，@page 规则用于将网页打印到实体纸张上。具有 bleed 属性使我们能够控制网页打印时的渲染方式，例如建立一个旨在被切除的出血区域。当设计打算用作营销资料（如海报）的网页时，这可能特别酷。

更多信息

• CSS 分页媒体模块级别 3 规范
• CSS 的 At-Rules

浏览器支持

IE	边缘	铬	火狐	Safari
否	否	否	否	否

iOS	Chrome Android	火狐 Chrome	Android 浏览器	Opera 移动版
否	否	否	否	否