Sângera - CSS-Tricks | Almanah CSS 2025

bleedProprietatea în CSS este pentru a specifica în afara spațiului de pagini caseta limita la determinarea dimensiunii unei pagini imprimate.

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

Rețineți că bleedface parte din specificația Paged Media Module Level 3, care este în prezent o schiță în desfășurare. De fapt, bleedeste descris mai exact ca un descriptor at-rule, mai degrabă decât ca o proprietate, deoarece aparține @pageregulii at.

Valori

auto: Valoarea implicită este zero, cu excepția cazului în care cropa fost setată o valoare pentru marksproprietatea care creează o valoare implicită a 6pt.
: Setează cât de departe se află în afara bleedzonei în fiecare direcție. Sunt acceptate valori negative, dar nu există un standard pentru modul în care ar fi implementate. Rețineți că unitățile de dimensiune de imprimare ( de exemplu pt, cmși in) sunt acceptate.

Mai multe despre Bleed Areas

Termenul bleedprovine din tipărire. Este folosit pentru a descrie spațiul proiectat dincolo de marginea hârtiei, astfel încât atunci când hârtia este tăiată, culoarea merge până la margine.

Cum este util acest lucru pentru web design? Ei bine, de fapt, nu este tocmai pentru designul web, în sensul că sângerarea nu are nicio legătură cu ceea ce este pictat în fereastra de vizualizare. În schimb, @pageregula este utilizată pentru imprimarea paginilor web pe hârtie fizică. Deținerea unei bleedproprietăți ne oferă control asupra modului în care sunt redate paginile web atunci când sunt tipărite, cum ar fi stabilirea unei zone de sângerare care urmează să fie tăiată. Acest lucru ar putea fi deosebit de interesant atunci când proiectați pagini web care sunt destinate a fi utilizate ca garanții de marketing, cum ar fi afișele.