bleed

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.

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 definition

Related at-rule@page
Initial valueauto
Computed valueas specified

Formal syntax

auto | <length>

Examples

Setting a page bleed of 1cm

@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

DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
bleed descriptorChrome No support NoEdge No support NoFirefox No support NoIE No support NoOpera No support NoSafari No support NoWebView Android No support NoChrome Android No support NoFirefox Android No support NoOpera Android No support NoSafari iOS No support NoSamsung Internet Android No support No

Legend

No support
No support

See also