Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

print-color-adjust - Propriété CSS

print-color-adjust

Résumé des caractéristiques de la propriété print-color-adjust

Description rapide
Indique si le navigateur doit optimiser les couleurs lors de l'impression du document.
Statut
Standard
Valeurs prédéfinies
economy | exact
Pourcentages
Ne s'appliquent pas.
Valeur initiale
economy
Héritée par défaut
Oui
Type d'animation
Discrète : lors d'une animation, la propriété print-color-adjust passe d'une valeur à l'autre sans transition.
Module W3C
Module CSS - Ajustement des couleurs
Références (W3C)
Statut du document:: CR (document proposé pour la recommandation)

Description de la propriété print-color-adjust.

print-color-adjust indique si le navigateur est autorisé à optimiser les couleurs au moment de l'impression. Cette optimisation peut avoir les avantages suivants :

  • Économiser de l'encre. Les grands aplats de couleurs consomment beaucoup d'encre. Le navigateur peut alors décider d'inverser les couleurs des éléments qui ont un fond sombre (inversion des couleurs du premier-plan (texte) et de l'arrière-plan).
    Autre exemple : une impression du texte en gris sur une imprimante couleur utilise les trois cartouches d'encre rouge, verte et bleue, pour créer le gris, alors qu'une impression en noir n'aurait consommé que de l'encre noire.
  • Améliorer la lisibilité, particulièrement sur une impression en noir et blanc. Certaines couleurs peuvent être faciles à distinguer sur un écran en couleurs mais trop proches sur une impression monochrome.

L'utilisateur peut généralement désactiver l'impression des images d'arrière-plan et des aplats de couleur à partir des options d'impression. Dans ce cas, les options choisies par l'utilisateur sont prioritaires : la propriété print-color-adjust n'a plus d'effet.

La propriété color-adjust a été envisagée comme une propriété raccourcie qui regrouperait toutes les propriétés d'optimisation. Sa standardisation est pour l'instant différée.

Syntaxes pour print-color-adjust.

print-color-adjust - Syntax DiagramSyntax diagram of the print-color-adjust CSS property. economy economy exact exactprint-color-adjust:;print-color-adjust:;
  • print-color-adjust: economy;

    Valeur par défaut. Le navigateur est autorisé à optimiser les couleurs en vue d'économiser l'encre ou d'améliorer la lisibilité.

  • print-color-adjust: exact;

    Le navigateur doit imprimer les couleurs telles qu'elles sont définies par la feuille de styles. Cette valeur peut être utilisée lorsque les couleurs apportent une signification et n'ont pas uniquement un rôle esthétique.
    Cependant, l'utilisateur peut décider, au moment d'imprimer, d'opter pour l'option contraire.

  • print-color-adjust: initial; print-color-adjust: inherit; print-color-adjust: revert; print-color-adjust: revert-layer; print-color-adjust: unset;

    La valeur initiale est : economy.

Animation de print-color-adjust.

L'animation de print-color-adjust est techniquement possible mais présente peu d'intérêt dans la mesure où l'effet de cette propriété n'est visible qu'à l'impression.

Exemple interactif.

Pour observer l'effet de l'optimisation, vous devrez, soit imprimer cette page, soit l'afficher en aperçu avant impression. Vous constaterez que, si l'optimisation des couleurs est demandée...

  • Le premier cadre s'imprimera avec une couleur de texte différente (pour une meilleure lisibilité). En effet, il est quasiment illisible à cause des couleurs de premier plan et d'arrière-plan trop proches.
  • Le deuxième cadre s'imprimera avec du texte noir sur fond blanc (inversion des couleurs pour économiser l'encre).
  • Le troisième cadre n'aura pas d'image de fond.

print-color-adjust :

-webkit-print-color-adjust :

Ce texte est écrit dans une couleur très proche de celle de l'arrière-plan.
A l'impression la couleur du texte sera changée pour améliorer la lisibilité.
Ce texte, écrit sur un fond noir, consomme beaucoup d'encre à l'impression.
Afficher l'aperçu pour voir l'effet de la propriété print-color-adjust.
L'arrière-plan de cet élément comporte une image. Afficher l'aperçu pour voir l'effet de la propriété print-color-adjust.

Prise en charge par les navigateurs (compatibilité).

La propriété print-color-adjust est maintenant bien prise en charge par les navigateurs.

1
print-color-adjust
Estimation de la prise en charge en pourcentage du parc actuel.
96%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Androïd Brower

Chrome

Chrome pour Androïd

Edge

Firefox

Firefox pour Androïd

Internet Explorer

Opéra

Opéra Mobile

Safari

Safari sur IOS

Samsung Internet

Voir aussi, dans le même module de standardisation que print-color-adjust.

Les spécifications CSS éditées par le W3C sont organisées en modules. print-color-adjust fait partie du Module CSS - Ajustement des couleurs (CSS Color Adjustment Module). Les définitions suivantes sont également décrites dans ce même module.

Propriétés.

Autorise ou non le navigateur à optimiser les couleurs
Définit le mode d'ajustement des couleurs.