CSS bleed Property

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

chrome edge firefox safari opera

Practice Your Knowledge

What is the correct usage and function of bleed in CSS?

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.

Do you find this helpful?