bleed

  • Revision slug: CSS/bleed
  • Revision title: bleed
  • Revision id: 326243
  • Created:
  • Creator: ethertank
  • Is current revision? No
  • Comment

Revision Content

{{CSSRef}}

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.

  • {{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}}</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.</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