Krwawić - CSS-Tricks | Almanach CSS 2025

bleedNieruchomość w CSS jest do określania przestrzeni na zewnątrz od strony granicy pola przy określaniu wielkości wydrukowanej stronie.

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

Należy pamiętać, że bleedjest częścią Paged Mediów Moduł Level 3 specyfikacji, która jest obecnie projekt w toku. W rzeczywistości bleedjest dokładniej opisywany jako deskryptor reguły at, a nie właściwość, ponieważ należy do @pagereguły at.

Wartości

auto: cropWartość domyślna wynosi zero, chyba że została ustawiona wartość markswłaściwości, która tworzy wartość domyślną 6pt.
: Określa, jak daleko poza bleedobszarem znajduje się w każdym kierunku. Akceptowane są wartości ujemne, ale nie ma standardu, w jaki sposób byłyby one wdrażane. Należy pamiętać, że jednostki wielkości wydruku (tj pt, cmi in) są akceptowane.

Więcej o obszarach spadowych

Termin bleedpochodzi z druku. Służy do opisania przestrzeni zaprojektowanej poza krawędzią papieru, tak że po przycięciu papieru kolor przechodzi aż do krawędzi.

Jak jest to przydatne w projektowaniu stron internetowych? Cóż, w rzeczywistości nie jest to dokładnie do projektowania stron internetowych w tym sensie, że spad nie ma wpływu na to, co zostanie pomalowane w widoku. Zamiast tego @pagereguła jest używana do drukowania stron internetowych na papierze fizycznym. Posiadanie bleedwłaściwości daje nam kontrolę nad sposobem renderowania stron internetowych po wydrukowaniu, na przykład ustanowienie obszaru spadu, który ma zostać odcięty. Może to być szczególnie fajne podczas projektowania stron internetowych, które mają służyć jako materiały marketingowe, takie jak plakaty.