Print-color-adjust - Propriété CSS

Schéma de la syntaxe de print-color-adjust.

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.

Valeurs pour 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é. Par exemple, les aplats de couleurs ne seront pas imprimés.

• 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; (economy) print-color-adjust: inherit; print-color-adjust: revert; print-color-adjust: revertLayer; print-color-adjust: unset;

  Consultez les pages suivantes pour plus de détails : initial, inherit, revert, revert-layer, unset.

Exemple d'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.

Compatibilité des navigateurs avec print-color-adjust.

La propriété print-color-adjust est à eu près bien prise en charge par les navigateurs mais il y a beaucoup de particularités.

Remarques :

(1) Avec le préfixe du navigateur -webkit-.
N'imprime pas l'arrière-plan du body mais uniquement de ses descendants.

(2) N'imprime pas l'arrière-plan du body mais uniquement de ses descendants.

1

Propriété
print-color-adjust

Estimation de la prise en charge globale.

96%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Internet Explorer

UC Browser pour Androïd

Safari

Safari sur IOS

Opéra Mobile

2

QQ Browser

Baidu Browser

Chrome

2

Edge

2

Firefox

Opéra

2

Chrome pour Androïd

2

Samsung Internet

2

Androïd Brower

2

Firefox pour Androïd

KaiOS Browser

Opéra mini

Voir le site Caniuse.com pour plus d'informations de compatibilité.

Caniuse

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

• Module CSS - Ajustement des couleurs - Niveau 1

  Concernant print-color-adjust. Première introduction de la propriété print-color-adjust.
  

  21 Mai 2019

  Document de travail.

  

  10 Février 2022

  Candidat à la recommandation.

  

  

Voir aussi, au sujet de l'ajustement des couleurs.

Le W3C édite ses spécifications par modules. La propriété print-color-adjust fait partie du module Module CSS - Ajustement des couleurs. Les définitions suivantes sont également décrites dans ce module.

Propriétés :

Fonctions :