La bleedpropriété CSS permet de spécifier l'espace en dehors de la limite de la zone de page lors de la détermination de la taille d'une page imprimée.
@page :left ( bleed: 10pt; ) @page :top ( bleed: 5cm; )Notez que cela bleedfait partie de la spécification Paged Media Module Level 3, qui est actuellement un brouillon en cours. En fait, bleedest plus précisément décrit comme un descripteur à la règle plutôt qu'une propriété car il appartient à la @pagerègle à.
Valeurs
auto: La valeur par défaut est zéro sauf si unecropvaleur a été définie sur lamarkspropriété qui crée une valeur par défaut de6pt.: Définit la distance à l'extérieur de lableedzone dans chaque direction. Les valeurs négatives sont acceptées, mais il n'y a pas de norme sur la façon dont elles seraient mises en œuvre. Notez que les unités de taille d'impression (c'estpt-à- direcmetin) sont acceptées.
En savoir plus sur les zones de saignement
Le terme bleedvient de l'impression. Il est utilisé pour décrire l'espace qui est conçu au-delà du bord du papier, de sorte que lorsque le papier est coupé, la couleur aille jusqu'au bord.
En quoi est-ce utile pour la conception Web? Eh bien, en fait, ce n'est pas exactement pour la conception Web dans le sens où le fond perdu n'a aucune incidence sur ce qui est peint dans la fenêtre. Au lieu de cela, la @pagerègle est utilisée pour imprimer des pages Web sur du papier physique. Le fait d'avoir une bleedpropriété nous permet de contrôler la façon dont les pages Web sont rendues lors de l'impression, par exemple en établissant une zone de fond perdu destinée à être coupée. Cela peut être particulièrement intéressant lors de la conception de pages Web destinées à être utilisées comme supports marketing, comme des affiches.
Plus d'information
- Spécification de niveau 3 du module multimédia paginé CSS
- Les At-Rules du CSS
Prise en charge du navigateur
| Chrome | Safari | Firefox | Opéra | C'EST À DIRE | Bord | Android | iOS |
|---|---|---|---|---|---|---|---|
| Non | Non | Non | Non | Non | Non | Non | Non |