W3cubDocs

/CSS

@page.marks

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

The marks CSS at-rule descriptor, used with the @page at-rule, adds crop and/or cross marks to the presentation of the document. Crop marks indicate where the page should be cut. Cross marks are used to align sheets.

Crop marks and cross marks are printed outside the page box. To have room to show crop and cross marks, the final pages will have to be somewhat bigger than the page box.

Syntax

/* Keyword values */
marks: none;
marks: crop;
marks: cross;
marks: crop cross;

Values

crop
Crop marks will be displayed.
cross
Cross marks will be displayed.
none
No marks will be displayed.

Formal definition

Related at-rule @page
Initial value none
Computed value as specified

Formal syntax

none | [ crop || cross ]

Examples

Adding crop and cross marks

@page {
  marks: crop cross;
}

Specifications

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

This CSS property was initially proposed in CSS Level 2, but was dropped from CSS Level 2 (Revision 1).

Browser compatibilityUpdate compatibility data on GitHub

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
marks descriptor No No No No No No
Mobile
Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
marks descriptor No No No No No No

See also

© 2005–2020 Mozilla 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/marks