Berdarah - Trik CSS | CSS Almanak 2024

The bleedproperti di CSS adalah untuk menentukan ruang luar halaman kotak batas ketika menentukan ukuran halaman yang dicetak.

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

Perhatikan bahwa bleedmerupakan bagian dari Paged Media Modul Level 3 spec, yang saat ini menjadi rancangan berlangsung. Faktanya, bleedlebih akurat dideskripsikan sebagai deskriptor at-rule daripada properti karena termasuk dalam @pageat-rule.

Nilai

auto: Default adalah nol kecuali cropnilai telah ditetapkan pada marksproperti yang membuat default 6pt.
: Menyetel seberapa jauh di luar bleedarea di setiap arah. Nilai negatif diterima, tetapi tidak ada standar bagaimana nilai tersebut akan diterapkan. Perhatikan bahwa unit ukuran cetak (yaitu pt, cmdan in) diterima.

Lebih lanjut tentang Bleed Area

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

Bagaimana ini berguna untuk desain web? Sebenarnya, ini tidak persis untuk desain web dalam arti bahwa bleed tidak ada hubungannya dengan apa yang dilukis di viewport. Sebaliknya, @pageaturan tersebut digunakan untuk mencetak halaman web ke kertas fisik. Memiliki bleedproperti memberi kita kendali dalam bagaimana halaman web ditampilkan saat dicetak, seperti membuat area bleed yang dimaksudkan untuk dipotong. Ini bisa menjadi sangat keren saat mendesain halaman web yang dimaksudkan untuk digunakan sebagai jaminan pemasaran, seperti poster.