Revision 526731 of bleed

  • Revision slug: Web/CSS/bleed
  • Revision title: bleed
  • Revision id: 526731
  • Created:
  • Creator: Sheppy
  • Is current revision? Yes
  • Comment

Revision Content

{{CSSRef}}{{SeeCompatTable}}

Summary

This property specifies the extent of the page bleed area outside the page box. This property only has effect if crop marks are enabled using the {{cssxref("marks")}} property.

  • {{Xref_cssinitial}} 6pt
  • Applies to page context
  • {{Xref_cssinherited}} no
  • Percentages refer to width of page box
  • Media {{Xref_cssvisual}}
  • {{Xref_csscomputed}} as specified value

Syntax

bleed : <length>

Values

{{xref_csslength}}
The amount of page bleed outside the page box.

Examples

 

Specifications

Browser compatibility

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

See also

  • {{ Cssxref("marks") }}

Revision Source

<div>
 {{CSSRef}}{{SeeCompatTable}}</div>
<h2 id="Summary" name="Summary">Summary</h2>
<p>This property specifies the extent of the page bleed area outside the page box. This property only has effect if crop marks are enabled using the {{cssxref("marks")}} property.</p>
<ul class="cssprop">
 <li><dfn>{{Xref_cssinitial}}</dfn> 6pt</li>
 <li><dfn>Applies to</dfn> page context</li>
 <li><dfn>{{Xref_cssinherited}}</dfn> no</li>
 <li><dfn>Percentages</dfn> refer to width of page box</li>
 <li><dfn>Media</dfn> {{Xref_cssvisual}}</li>
 <li><dfn>{{Xref_csscomputed}}</dfn> as specified value</li>
</ul>
<h2 id="Syntax" name="Syntax">Syntax</h2>
<pre class="syntaxbox">
bleed : &lt;length&gt;
</pre>
<h3 id="Values" name="Values">Values</h3>
<dl>
 <dt>
  {{xref_csslength}}</dt>
 <dd>
  The amount of page bleed outside the page box.</dd>
</dl>
<h2 id="Examples" name="Examples">Examples</h2>
<pre>
&nbsp;
</pre>
<h2 id="Specifications" name="Specifications">Specifications</h2>
<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>
<h2 id="Browser_compatibility" name="Browser_compatibility">Browser compatibility</h2>
<table class="standard-table">
 <tbody>
  <tr>
   <th>Browser</th>
   <th>Lowest version</th>
  </tr>
  <tr>
   <td>Internet Explorer</td>
   <td>&nbsp;</td>
  </tr>
  <tr>
   <td>Firefox (Gecko)</td>
   <td>&nbsp;</td>
  </tr>
  <tr>
   <td>Opera</td>
   <td>&nbsp;</td>
  </tr>
  <tr>
   <td>Safari (WebKit)</td>
   <td>&nbsp;</td>
  </tr>
 </tbody>
</table>
<h2 id="See_also" name="See_also">See also</h2>
<ul>
 <li>{{ Cssxref("marks") }}</li>
</ul>
Revert to this revision