W3cubDocs

/CSS

@page.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.

Related at-rule @page
Initial value auto
Media as each of the properties of the shorthand:
  • visual: Value not found in DB!
  • paged: Value not found in DB!
Computed value as specified
Canonical order the 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 compatibilityUpdate compatibility data on GitHub

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
Basic support ? ? ? ? ? ?
Mobile
Android webview Chrome for Android Edge Mobile Firefox for Android Opera for Android iOS Safari Samsung Internet
Basic support ? ? ? ? ? ? ?

See also

© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/@page/bleed