Кровоточить - CSS-хитрости

Anonim

bleedСвойство в CSS для определения пространства за пределы границы страницы блока при определении размера печатной страницы.

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

Обратите внимание , что bleedявляется частью Paged Коммуникационный модуль 3 -го уровня спецификации, который в настоящее время является проект в стадии разработки . Фактически, bleedэто более точно описывается как дескриптор at-правила, а не как свойство, поскольку он принадлежит к @pageправилу at.

Значения

  • auto: Значение по умолчанию равно нулю, если для свойства cropне было установлено значение, marksкоторое создает значение по умолчанию 6pt.
  • : Устанавливает, насколько далеко за пределами bleedобласти в каждом направлении. Допускаются отрицательные значения, но нет стандарта, как они будут реализованы. Обратите внимание, что принимаются единицы размера печати (например pt, cmи in).

Подробнее об областях кровотечения

Термин bleedпроисходит от печати. Он используется для описания пространства, расположенного за краем бумаги, так что когда бумага обрезается, цвет доходит до края.

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

Дополнительная информация

  • CSS Страничный медиа-модуль уровня 3.
  • Ат-правила CSS

Поддержка браузера

Хром Сафари Fire Fox Опера IE Край Android iOS
Нет Нет Нет Нет Нет Нет Нет Нет