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 valuenone
Mediaas each of the properties of the shorthand:
  • visual: Value not found in DB!
  • paged: Value not found in DB!
Computed valueas specified
Canonical orderorder of appearance in the formal grammar of the values

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 syntax

none | [ crop || cross ]

Examples

@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 compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidiOS SafariSamsung Internet
Basic support
Experimental
Chrome ? Edge ? Firefox No support NoIE ? Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android No support NoOpera Android ? Safari iOS ? Samsung Internet Android ?

Legend

No support  
No support
Compatibility unknown  
Compatibility unknown
Experimental. Expect behavior to change in the future.
Experimental. Expect behavior to change in the future.

See also

Document Tags and Contributors

Last updated by: connorshea,