CSS Marks Crop Cross in Pre-Press Print Styling

The CSS marks: crop cross declaration is a specialized paged media rule used to generate physical trim guidelines and alignment targets outside the document's page area during commercial printing. In professional pre-press workflows, this property automates the creation of standard printer marks, ensuring that high-volume print engines, paper cutters, and multi-color press systems can accurately align, print, and trim full-bleed designs without manual drafting.

Understanding the Rule

Defined in the CSS Paged Media Module, the marks property is declared inside the @page at-rule. It accepts either crop, cross, or both keywords simultaneously:

@page {
  size: 8.5in 11in;
  margin: 1in;
  bleed: 0.125in;
  marks: crop cross;
}

When applied, the rendering engine expands the canvas beyond the trim box into the bleed area to draw two specific types of pre-press markers:

1. Crop Marks (crop)

Crop marks—also known as trim marks or cut marks—are thin lines printed at the corners of a document. They dictate exactly where the industrial guillotine cutter should slice the paper to achieve the final intended page dimensions.

When printing artwork that extends all the way to the edge of the sheet (full bleed), pages must be printed larger than their final size. Crop marks show the finishing technicians where to trim away the bleed area without cutting into critical text or leaving an accidental white border.

2. Cross Marks (cross)

Cross marks—commonly referred to as registration marks—appear as fine crosshairs or target symbols centered outside each edge of the page. In commercial multi-pass or multi-plate printing (such as CMYK offset printing), separate plates apply cyan, magenta, yellow, and black inks independently.

Registration marks provide press operators with high-precision optical targets. If the crosshairs from all four plates overlap perfectly, the colors are properly registered. If a plate shifts even a fraction of a millimeter, the misalignment becomes immediately apparent on the cross marks, allowing operators to adjust the equipment before a print run is ruined.

Pre-Press Context and Engine Support

Standard desktop web browsers generally ignore the marks property when a user selects the standard "Print to PDF" option. Because standard consumer printers do not require bleeds or color registration plates, consumer browsers strip or omit this data.

Consequently, marks: crop cross is almost exclusively utilized in programmatic PDF generation and automated publishing software. Pre-press tools and conversion engines such as PrinceXML, WeasyPrint, Antenna House Formatter, and the polyfill Paged.js recognize the declaration. These tools parse the CSS to output press-ready, high-resolution PDFs that meet commercial prepress standards (such as PDF/X), bridging the gap between web technologies and professional print manufacturing.