Bleed - Propriété CSS

bleed

Résumé des caractéristiques de la propriété bleed

Description rapide
Définit la présence d'une marge supplémentaire pour les pages imprimées.
Statut
Problèmes de compatibilité
S'applique à
Le sélecteur / directive @page
Utilisable sur
HTML
Valeurs prédéfinies
auto
Pourcentages
Ne s'appliquent pas.
Valeur initiale
auto
Héritée par défaut
Non.
Not animable : la propriété bleed ne peut pas être animée.
Module W3C
Module CSS - Media paginé
Statut du document: WD (document de travail)

Schéma syntaxique de bleed.

bleed - Syntax DiagramSyntax diagram of the bleed CSS property. See stylescss.free.fr for details. auto auto length lengthbleed:;bleed:;
Schéma syntaxique de la propriété bleed.

Sur le schéma, les termes en gras sont les mots prédéfinis de CSS, les autres termes sont décrits ci-dessous :

Description de la propriété bleed.

La propriété bleed est prise en compte au moment de l'impression (ou de l'aperçu avant impression). Elle définit la taille de la zone de fond perdu tout autour de la page.

La propriété bleed ne s'applique qu'au sélecteur @page.

A savoir aussi, concernant les pages imprimées.

Pseudo-classes pour cibler certaines pages.
Cette directive est un sélecteur qui cible les pages imprimées.
Définit la présence d'une marge supplémentaire pour les pages imprimées.
Choisit les traits de coupe et repères d'alignement.
Définit une page nommée (voir la directive @page) pour imprimer cet élément ou cette partie du document.
Définit si les pages imprimées doivent être tournées, et vers la droite ou la gauche.
S'utilise avec la directive @page.
Dimensions et orientation des pages imprimées.

Bleed est utilisable avec :

  • @page : Cette directive est un sélecteur qui cible les pages imprimées.

Valeurs pour bleed.

  • bleed: auto;

    La valeur auto est équivalente à 6pt si la propriété marks a reçu la valeur crop, ou à 0 dans le cas contraire.

  • bleed: 5mm;

    Une valeur numérique avec une unité de dimension indique la largeur de la zone de fond perdu tout autour de le page (voir les unités de dimension).

  • bleed: initial; (auto) bleed: inherit; bleed: revert; bleed: revertLayer; bleed: unset;

    Ces valeurs sont décrites plus en détail sur leur page respective : initial, inherit, revert, revert-layer, unset.

Animation de la propriété bleed.

bleed s'appliquant au sélecteur @page, et ne prenant effet que lors des impressions, il est bien évident qu'elle ne peut pas être animée.

Simulateur avec la propriété bleed.

N'oubliez pas de regarder le document en aperçu avant impression après avoir choisir une option.

bleed :

Prise en charge de bleed par les navigateurs.

La propriété bleed est encore très peu reconnue par les navigateurs. Il est encore trop tôt pour l'utiliser (2022), même avec les préfixes propres à chaque navigateur (-moz-, -webkit-, etc).

Historique de la propriété bleed.

  • Module CSS - Media paginé - Niveau 3

    Concernant bleed. Ouverture du module de spécification "Médias paginés" et définition de la propriété bleed.
    WD
    23 Juin 1999
    Document de travail.
    CR
    25 Février 2004
    Candidat à la recommandation.
    PR
    REC

Voir aussi, au sujet de la pagination.

La spécification "Module CSS - Media paginé" regroupe tout ce qui concerne la pagination : mise en forme des pages imprimées, taille des pages, gestion des sauts de page, etc. Vous pouvez consulter cette norme ici : module CSS - Media paginé. Ou consulter les pages ci-après :

Sélecteurs :

:first
Pseudo-classe désignant le première page.
:left
Pseudo-classe désignant les pages de gauche (pages paires).
:right
Pseudo-classe désignant les pages de droite (pages impaires).

Propriétés :

Bleed
Définit la présence d'une marge supplémentaire pour les pages imprimées.
marks
Choisit les traits de coupe et repères d'alignement.
page
Définit une page nommée (voir la directive @page) pour imprimer cet élément ou cette partie du document.
page-break-after
Gestion des sauts de page après l'élément.
page-break-before
Gestion des sauts de page avant l'élément.
page-break-inside
Gestion des sauts de page au milieu de l'élément.
page-orientation
Définit si les pages imprimées doivent être tournées, et vers la droite ou la gauche.
S'utilise avec la directive @page.
size
Dimensions et orientation des pages imprimées.

Directives :

@page
Cette directive est un sélecteur qui cible les pages imprimées.