1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
|
---
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;
/* <length> 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("<довжина>")}}</code></dt>
<dd><br>
Вказує, наскільки назовні, в кожному напрямку, область випуску простягається поза полем сторінки. Значення можуть бути від’ємними, але можуть бути певні обмеження щодо реалізації.</dd>
</dl>
<h2 id="Формальне_визначення">Формальне визначення</h2>
<p>{{cssinfo}}</p>
<h2 id="Формальний_синтаксис">Формальний синтаксис</h2>
<pre class="syntaxbox notranslate">{{csssyntax}}</pre>
<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>
|
