The bleed CSS property specifies the extent of the page bleed area outside the page box.
This property only has an effect if marks are cropped.
It has two values: “auto” and “length”. If the values of marks are cropped the “auto” value computes to 6pt. Otherwise, it computes to zero. The “length” value specifies by how far outward, in each direction, the bleed area extends past the page box.
| Initial Value | auto |
| Applies to | Page content. |
| Inherited | Yes. |
| Animatable | No. |
| Version | CSS3 |
| DOM Syntax | object.style.bleed = “auto”; |
Syntax
bleed: auto | length;
Use the code example below of the bleed property to see the result:
@page {
bleed: 1cm;
}
Values
| Value | Description |
|---|---|
| auto | Computes to 6pt if the value of marks is crop. If the value of marks is not crops, it computes to 0. |
| length | Specifies by how far outward, in each direction, the bleed area extends past the page box. |
| initial | It makes the property use its default value. |
| inherit | It inherits the property from its parents element. |