Кървят - CSS-трикове | CSS алманах 2025

В bleedимота в CSS е за определяне място извън границите на страница кутия при определяне на размера на отпечатана страница.

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

Имайте предвид, че това bleedе част от спецификацията на модул за пейджинг на ниво 3, която в момента е в процес на чернови . Всъщност bleedпо-точно се описва като дескриптор на правило, а не като свойство, тъй като принадлежи към @pageправилото at.

Стойности

auto: По подразбиране е нула, освен ако cropне е зададена стойност на marksсвойството, което създава по подразбиране 6pt.
: Задава колко далеч е bleedзоната във всяка посока. Отрицателните стойности се приемат, но няма стандарт за начина, по който биха били приложени. Имайте предвид, че размера за печат единици (т.е. pt, cmи in), са приети.

Повече за зоните на кървене

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

Как е полезно това за уеб дизайн? Е, всъщност не е точно за уеб дизайна в смисъл, че кървенето няма отношение към това, което се рисува в прозореца. Вместо това @pageправилото се използва за отпечатване на уеб страници върху физическа хартия. Наличието на bleedсвойство ни дава контрол върху начина, по който се показват уеб страниците при отпечатване, като например създаване на зона за обезвъздушаване, която е предназначена за отрязване. Това може да е особено готино при проектирането на уеб страници, които са предназначени да се използват като маркетингово обезпечение, като плакати.