This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The bleed CSS at-rule descriptor, used with the @page at-rule, specifies the extent of the page bleed area outside the page box. This property only has effect if crop marks are enabled using the marks property.

Related at-rule@page
Initial valueauto
Mediaas each of the properties of the shorthand:
  • visual: Value not found in DB!
  • paged: Value not found in DB!
Computed valueas specified
Canonical orderthe unique non-ambiguous order defined by the formal grammar

Syntax

/* Keyword values */
bleed: auto;

/* <length> values */
bleed: 8pt;
bleed: 1cm;

Values

auto
Computes to 6pt if the value of marks is crop. Otherwise it computes to zero.
<length>
Specifies by how far outward, in each direction, the bleed area extends past the page box. Values may be negative, but there may be implementation-specific limits.

Formal syntax

auto | <length>

Example

@page {
  bleed: 1cm;
}

Specifications

Specification Status Comment
CSS Paged Media Module Level 3
The definition of 'bleed' in that specification.
Working Draft Initial definition

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support ? ? ? ? ? ?
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support ? ? ? ? ? ? ?

See also

Document Tags and Contributors

Last updated by: mfuji09,