mozilla

Revision 25782 of marks

  • Revision slug: CSS/marks
  • Revision title: marks
  • Revision id: 25782
  • Created:
  • Creator: BijuGC
  • Is current revision? No
  • Comment 82 words added, 3 words removed

Revision Content

{{ CSSRef() }}

Summary

This property adds crop and/or cross marks to 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.

  • {{ Xref_cssinitial() }}: none
  • Applies to: page context
  • {{ Xref_cssinherited() }}: no
  • Percentages: n/a
  • Media: {{ Xref_cssvisual() }}, paged
  • {{ Xref_csscomputed() }}: specified value

Syntax

marks: [ crop || cross ] | none

Values

 

Examples

@page { marks: crop cross }

Specifications

Browser compatibility

Browser Lowest version
Internet Explorer  
Firefox (Gecko)  
Opera  
Safari (WebKit)  

See also

  • {{ Cssxref("bleed") }}

Revision Source

<p>{{ CSSRef() }}</p>
<h3>Summary</h3>
<p>This property adds crop and/or cross marks to the document. Crop marks indicate where the page should be cut. Cross marks are used to align sheets.</p>
<p>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.</p>
<ul> <li>{{ Xref_cssinitial() }}: none</li> <li>Applies to: page context</li> <li>{{ Xref_cssinherited() }}: no</li> <li>Percentages: n/a</li> <li>Media: {{ Xref_cssvisual() }}, paged</li> <li>{{ Xref_csscomputed() }}: specified value</li>
</ul>
<h3>Syntax</h3>
<pre class="eval">marks: [ crop || cross ] | none
</pre>
<h3>Values</h3>
<p> </p>
<h3>Examples</h3>
<pre>@page { marks: crop cross }
</pre>
<h3>Specifications</h3>
<ul> <li><a class="external" href="http://www.w3.org/TR/css3-gcpm/#page-marks-and-bleed-area" title="http://www.w3.org/TR/css3-gcpm/#page-marks-and-bleed-area">CSS Generated Content for Paged Media Module</a></li>
</ul>
<h3>Browser compatibility</h3>
<table class="standard-table"> <tbody> <tr> <th>Browser</th> <th>Lowest version</th> </tr> <tr> <td>Internet Explorer</td> <td> </td> </tr> <tr> <td>Firefox (Gecko)</td> <td> </td> </tr> <tr> <td>Opera</td> <td> </td> </tr> <tr> <td>Safari (WebKit)</td> <td> </td> </tr> </tbody>
</table>
<h3>See also</h3>
<ul> <li>{{ Cssxref("bleed") }}</li>
</ul>
Revert to this revision