color-adjust - Propriété CSS
Résumé des caractéristiques de la propriété color-adjust
economy
| exact
economy
color-adjust
passe d'une valeur à l'autre sans transition.Description de la propriété color-adjust
.
color-adjust
n'a pas été totalement standardisée.
Il peut y avoir des différences de traitement, même entre des navigateurs qui reconnaissent la propriété.Reste aussi le fait que l'utilisateur peut, de façon prioritaire, choisir une option contradictoire. Le fonctionnement de la propriété
color-adjust
est donc relativement incertain.
Il est conseillé d'utiliser pour l'instant la propriété spécifique à l'optimisation des impressions :
print-color-adjust
.
color-adjust
indique si le navigateur est autorisé à optimiser les couleurs.
Actuellement cette optimisation concerne surtout l'impression, mais d'autres optimisations sont envisagées dans le futur,
par exemple pour améliorer la lisibilité, même sur un écran.
Les cas de figure qui pourraient nécessiter une optimisation sont les suivants :
- A l'impression, pour économiser de l'encre. Les grands aplats de couleurs consomment beaucoup d'encre.
Le navigateur peut alors décider d'inverser les 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. - Problème de lisibilité 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.
- A l'écran, lorsque la couleur du texte et la couleur de l'arrière-plan sont très proches l'une de l'autre, l'optimisation peut améliorer la lisibilité. Peu de navigateurs (voire aucun) effectuent une optimisation à l'écran.
color-adjust
est une propriété résumée qui regroupe les propriétés suivantes :
print-color-adjust
: optimisation des couleurs à l'impression.forced-color-adjust
: optimisation des couleurs à l'écran.
En ce qui concerne l'impression, l'utilisateur peut généralement désactiver l'impression des images d'arrière-plan et des aplats de couleur.
Dans ce cas, les options choisies par l'utilisateur sont prioritaires : la propriété color-adjust
n'a plus d'effet.
Syntaxes pour color-adjust
.
- 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é.
- 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. - color-adjust:
initial
; color-adjust:inherit
; color-adjust:revert
; color-adjust:revert-layer
; color-adjust:unset
;La valeur initiale est :
.economy
Simulateur.
Si votre navigateur optimise les couleurs à l'écran, vous verrez une amélioration de la lisibilité du premier cadre. Pour l'impression vous devrez afficher l'aperçu et constater si le deuxième cadre s'imprime sur un fond noir ou pas. Le troisième cadre aura une image de fond ou pas, à l'impression ou sur l'aperçu.
Certains navigateurs changent l'une des couleurs pour améliorer la lisibilité.
Afficher l'aperçu avant impression pour voir l'effet de la propriété color-adjust.
Prise en charge par les navigateurs (compatibilité).
La propriété color-adjust
n'étant pas standardisée par le W3C, il est recommandé de l'utiliser avec précautions et
de décliner les syntaxes avec les préfixes -moz-
et -webkit-
.
color-adjust
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 color-adjust
.
Les spécifications CSS éditées par le W3C sont organisées en modules. 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.