Berdarah - Trik CSS | CSS Almanac 2025

The bleedharta di CSS adalah untuk menyatakan ruang luar kotak halaman sempadan apabila menentukan saiz halaman bercetak.

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

Perhatikan itu bleedadalah sebahagian dari spesifikasi Modul Media Paged Level 3, yang saat ini merupakan draf yang sedang dijalankan. Sebenarnya, bleedlebih tepat digambarkan sebagai penerangan at-aturan dan bukannya harta kerana ia milik @pageat-aturan.

Nilai

auto: Lalai adalah sifar melainkan cropnilai telah ditetapkan pada marksharta yang membuat default 6pt.
: Menentukan jarak di luar bleedkawasan dalam setiap arah. Nilai negatif diterima, tetapi tidak ada standar untuk bagaimana nilai tersebut akan diterapkan. Perhatikan bahawa unit ukuran cetakan (iaitu pt, cmdan in) diterima.

Lebih banyak lagi di Kawasan Bleed

Istilah ini bleedberasal dari percetakan. Ini digunakan untuk menggambarkan ruang yang dirancang di luar tepi kertas, sehingga ketika kertas dipangkas, warnanya sampai ke tepi.

Bagaimana ini berguna untuk reka bentuk web? Sebenarnya, ini bukan tepat untuk reka bentuk web dalam arti bahawa pendarahan tidak mempengaruhi apa yang dicat di ruang pandang. Sebaliknya, @pageperaturan itu digunakan untuk mencetak halaman web ke kertas fizikal. Memiliki bleedharta tanah memberi kita kendali bagaimana halaman web diberikan ketika dicetak, seperti mewujudkan kawasan pendarahan yang dimaksudkan untuk dipotong. Ini mungkin sangat keren ketika merancang halaman web yang dimaksudkan untuk digunakan sebagai jaminan pemasaran, seperti poster.