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.
Related at-rule | @page |
---|---|
Initial value | none |
Media | as each of the properties of the shorthand: |
Computed value | as specified |
Canonical order | order of appearance in the formal grammar of the values |
/* Keyword values */ marks: none; marks: crop; marks: cross; marks: crop cross;
crop
cross
none
none | [ crop || cross ]
@page { marks: crop cross; }
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).
Desktop | ||||||
---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
Basic support | ? | ? | No | ? | ? | ? |
Mobile | |||||||
---|---|---|---|---|---|---|---|
Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
Basic support | ? | ? | ? | No | ? | ? | ? |
© 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/marks