Propriété CSS bleed

La propriété CSS bleed spécifie l'étendue de la zone de bleed en dehors de la boîte de page.

Cette propriété est un raccourci pour bleed-top, bleed-right, bleed-bottom et bleed-left.

Elle ne prend effet que lorsque la propriété marks est définie sur crop (par ex. @page { marks: crop; }).

Elle accepte deux valeurs : auto et length. Si marks est crop, auto est calculé à 6pt. Sinon, il est calculé à 0. La valeur length spécifie de combien, dans chaque direction, la zone de bleed dépasse la boîte de page.

Valeur initiale	auto
S'applique à	@page rules
Héritée	Non
Animable	Non
Version	Module CSS Paged Media Niveau 3
Syntaxe DOM	N/A

Syntaxe

Syntaxe de la propriété CSS bleed

bleed: auto | length;

note

La propriété bleed n'affecte que la sortie imprimée et n'a aucun effet sur les supports d'écran.

Utilisez l'exemple de code ci-dessous de la propriété bleed pour voir le résultat :

Exemple de la propriété CSS bleed

@page {
  bleed: 1cm;
}

Valeurs

Valeur	Description
auto	Se calcule à 6pt si marks est crop. Sinon, il se calcule à 0.
length	Spécifie de combien, dans chaque direction, la zone de bleed dépasse la boîte de page.

Support des navigateurs

La prise en charge des propriétés de médias paginés comme bleed est limitée. Elle est principalement implémentée dans les moteurs d'aperçu avant impression et Safari, mais n'est pas largement prise en charge dans les autres navigateurs pour le rendu en direct à l'écran.

Pratique

Quelle est l'utilisation et la fonction correctes de bleed en CSS ?

Il permet d'exposer une partie de la boîte qui était censée être cachée.Il peut être utilisé avec la propriété 'box-decoration-break' en CSS.Il affecte la partie visible d'une boîte CSS.Il permet d'ajuster la mise en page d'un élément sur une page web.