CSS - marks

The marks CSS at-rule descriptor 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.

Example

 

CSS
@page {
  marks: crop cross;
}

Syntax  

CSS
/* 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 syntax

CSS
none <a href="css/value_definition_syntax#single_bar" title="Single bar">|</a> <a href="css/value_definition_syntax#brackets" title="Brackets">[</a> crop <a href="css/value_definition_syntax#double_bar" title="Double bar">||</a> cross <a href="css/value_definition_syntax#brackets" title="Brackets">]</a>

Description  

The marks CSS at-rule descriptor 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 valuenone
Mediavisual, paged
Computed valueas specified
Canonical orderorder of appearance in the formal grammar of the values

Browser Compatibility  

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support ? No support ? ? ?
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support ? No support ? ? ?

See Also  

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).

License

© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/css/@page/marks

CSS CSS Property Layout NeedsBrowserCompatibility NeedsExample NeedsMobileBrowserCompatibility Reference Web