Свойство CSS bleed

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

Это свойство является сокращённой записью для bleed-top, bleed-right, bleed-bottom и bleed-left.

Оно действует только тогда, когда свойство marks установлено в crop (например, @page { marks: crop; }).

Принимает два значения: auto и length. Если marks равно crop, auto вычисляется как 6pt. В противном случае оно вычисляется как 0. Значение length указывает, насколько в каждом направлении зона выхода за обрез выходит за пределы рамки страницы.

Начальное значение	auto
Применяется к	@page rules
Наследуется	Нет
Анимация	Нет
Версия	CSS Paged Media Module Level 3
Синтаксис DOM	Н/Д

Синтаксис

Синтаксис свойства CSS bleed

bleed: auto | length;

note

Свойство bleed влияет только на вывод при печати и не оказывает воздействия на экранную среду.

Используйте пример кода ниже со свойством bleed, чтобы увидеть результат:

Пример использования свойства CSS bleed

@page {
  bleed: 1cm;
}

Значения

Значение	Описание
auto	Вычисляется как 6pt, если marks равно crop. В противном случае вычисляется как 0.
length	Указывает, насколько в каждом направлении зона выхода за обрез выходит за пределы рамки страницы.

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

Поддержка свойств для печатных медиа, таких как bleed, ограничена. Она в основном реализована в движках предпросмотра печати и Safari, но не широко поддерживается в других браузерах для отображения на экране в реальном времени.

Практика

Как правильно использовать свойство bleed в CSS и какова его функция?

Это помогает открыть часть блока, которая должна быть скрыта.Его можно использовать со свойством 'box-decoration-break' в CSS.Оно влияет на видимую часть CSS-блока.Это помогает настроить макет элемента на веб-странице.