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.
Some property extensions are added, such as -webkit- for Safari, Google Chrome, and Opera (newer versions), -moz- for Firefox, -o- for older versions of Opera, etc.
This property is deprecated.
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. |
Browser support
✕ | ✕ | ✕ | ✕ | ✕ |
Practice Your Knowledge
What is the correct usage and function of bleed in CSS?
Correct!
Incorrect!
Quiz Time: Test Your Skills!
Ready to challenge what you've learned? Dive into our interactive quizzes for a deeper understanding and a fun way to reinforce your knowledge.