Кровоточити - CSS-хитрощі

bleedВластивість в CSS для визначення простору за межі кордону сторінки блоку при визначенні розміру друкованої сторінки.

@page :left ( bleed: 10pt; ) @page :top ( bleed: 5cm; )

Зверніть увагу, що bleedце частина специфікації модуля виклику медіа рівня 3, яка в даний час знаходиться на стадії чернетки . Насправді bleedце більш точно описується як дескриптор правила, а не як властивість, оскільки воно належить @pageправилу at-rule.

Цінності

auto: cropЗначення за замовчуванням дорівнює нулю, якщо для marksвластивості, яка створює значення за замовчуванням, не встановлено значення 6pt.
: Встановлює відстань за межами bleedобласті в кожному напрямку. Негативні значення приймаються, але не існує стандарту того, як вони могли б бути реалізовані. Зверніть увагу, що приймаються одиниці розміру друку (тобто pt, cmта in).

Більше про Зони кровотечі

Цей термін bleedпоходить від друку. Він використовується для опису простору, задуманого за межею паперу, так що, коли папір обрізається, колір проходить аж до краю.

Чим це корисно для веб-дизайну? Ну, насправді, це не зовсім для веб-дизайну в тому сенсі, що кровотеча не має ніякого відношення до того, що фарбується у вікні перегляду. Натомість @pageправило використовується для друку веб-сторінок на фізичному папері. Наявність bleedвластивості дає нам можливість контролювати спосіб відображення веб-сторінок під час друку, наприклад, встановлення зони пропуску, яку планується відрізати. Це може бути особливо круто при розробці веб-сторінок, які призначені для використання в якості маркетингового забезпечення, наприклад плакатів.