Sanguinare - Trucchi CSS | CSS Almanac 2025

La bleedproprietà in CSS serve a specificare lo spazio al di fuori del limite del riquadro della pagina quando si determina la dimensione di una pagina stampata.

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

Tieni presente che bleedfa parte della specifica del Paged Media Module Level 3, che è attualmente una bozza in corso. In effetti, bleedè descritto più accuratamente come un descrittore at-rule piuttosto che come una proprietà poiché appartiene alla @pageregola-at.

Valori

auto: Il valore predefinito è zero a meno che non cropsia stato impostato un valore sulla marksproprietà che crea un valore predefinito di 6pt.
: Consente di impostare la distanza bleeddall'area in ciascuna direzione. I valori negativi sono accettati, ma non esiste uno standard per come sarebbero implementati. Notare che le unità di misura delle dimensioni di stampa (ad esempio pt, cme in) sono accettate.

Maggiori informazioni sulle aree al vivo

Il termine bleedderiva dalla stampa. Viene utilizzato per descrivere lo spazio progettato oltre il bordo della carta, in modo che quando la carta viene ritagliata, il colore arriva fino al bordo.

In che modo è utile per il web design? In realtà, non è esattamente per il web design, nel senso che la smarginatura non ha alcuna relazione con ciò che viene dipinto nel viewport. La @pageregola viene invece utilizzata per stampare pagine Web su carta fisica. Avere una bleedproprietà ci dà il controllo sul modo in cui le pagine web vengono visualizzate quando vengono stampate, come stabilire un'area di smarginatura che deve essere tagliata. Ciò potrebbe essere particolarmente interessante quando si progettano pagine Web da utilizzare come materiale di marketing, come i poster.