---
title: bleed
slug: Web/CSS/@page/bleed
tags:
  - '@сторінка'
  - CSS
  - Web
translation_of: Web/CSS/@page/bleed
---
<div>{{CSSRef}}{{SeeCompatTable}}</div>

<p> <font face="consolas, Liberation Mono, courier, monospace"><span style="background-color: rgba(220, 220, 220, 0.5);"><strong>bleed </strong>це пропускний дескриптор правил css</span></font>, використовується  з {{cssxref("@page")}} за правилом , визначає ступінь області пропуску сторінки за межами сторінки. Ця властивість має тільки ефект  якщо позначки обрізання   увімкнено за допомогою властивості {{cssxref("@page/marks", "marks")}} property.</p>

<h2 id="Syntax">Syntax</h2>

<pre class="brush:css notranslate">/* Keyword values */
bleed: auto;

/* &lt;length&gt; values */
bleed: 8pt;
bleed: 1cm;
</pre>

<h3 id="Значення">Значення</h3>

<dl>
 <dt><code>auto</code></dt>
 <dd>Обчислюється до 6pt якщо  значення в {{cssxref("@page/marks", "marks")}} є обрізаним. В іншому випадку він обчислюється до нуля.</dd>
 <dt><code>{{cssxref("&lt;довжина&gt;")}}</code></dt>
 <dd><br>
 Вказує, наскільки назовні, в кожному напрямку, область випуску простягається поза полем сторінки. Значення можуть бути від’ємними, але можуть бути певні обмеження щодо реалізації.</dd>
</dl>

<h2 id="Формальне_визначення">Формальне визначення</h2>

<p>{{cssinfo}}</p>

<h2 id="Формальний_синтаксис">Формальний синтаксис</h2>

{{csssyntax}}

<h2 id="Приклади">Приклади</h2>

<h3 id="Встановлення_кровоточення_сторінки_в_1см.">Встановлення кровоточення сторінки  в 1см.</h3>

<pre class="brush: css notranslate">@page {
  bleed: 1cm;
}
</pre>

<h2 id="Специфікації">Специфікації</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Специфікація</th>
   <th scope="col">Стан</th>
   <th scope="col">Коментарі</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName("CSS3 Paged Media", "#bleed", "bleed")}}</td>
   <td>{{Spec2("CSS3 Paged Media")}}</td>
   <td>Initial definition</td>
  </tr>
 </tbody>
</table>

<h2 id="Сувмістність_з_браузерами">Сувмістність з браузерами</h2>

<div class="hidden"> Таблиця сувмістності на цій сторінці  on згенерована зі структорованих даних . Якщо ви хочете зробити свій внесок інформації</div>

<div class="hidden"><a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> і надішліть нам запит на висвітлення.</div>

<p>{{Compat("css.at-rules.page.bleed")}}</p>

<h2 id="Зазвичай_переглядають">Зазвичай переглядають</h2>

<ul>
 <li>{{cssxref("@page/marks", "marks")}}</li>
 <li>{{cssxref("@page/size", "size")}}</li>
</ul>