Non standard
Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.
La propriété -webkit-print-color-adjust est une extension non-standard qui peut être utilisée pour forcer l'impression des images et couleurs utilisées en arrière-plan pour les navigateurs basés sur WebKit.
/* Valeurs avec un mot-clé */ -webkit-print-color-adjust: economy; -webkit-print-color-adjust: exact; /* Valeurs globales */ -webkit-print-color-adjust: inherit; -webkit-print-color-adjust: initial; -webkit-print-color-adjust: unset;
Syntaxe
La propriété -webkit-print-color-adjust peut être définie avec l'un des mots-clés suivants.
Valeurs
economy- Le comportement normal : les images et couleurs d'arrière-plan sont uniquement imprimées si l'utilisateur a explicitement permis cette impression dans la boîte de dialogue pour les réglages d'impression.
exact- Les images et couleurs d'arrière-plan de l'élément auquel la règle CSS est appliquée seront toujours imprimées, les réglages d'impression sont donc surchargés.
Exemples
/* Force l'article à être imprimé en noir et blanc */
article {
-webkit-print-color-adjust: exact;
background: #222;
color: #eee;
}
Spécifications
Cette propriété est une propriété propriétaire liée à WebKit/Blink et ne fait partie d'aucune spécification. Il existe une proposition sur le wiki du groupe de travail CSS pour standardiser cette propriété.
Compatibilité des navigateurs
| Fonctionnalité | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Support simple | Oui1 2 | ? | Non | Non | Non | 63 |
| Fonctionnalité | Android webview | Chrome for Android | Edge mobile | Firefox for Android | Opera Android | iOS Safari | Samsung Internet |
|---|---|---|---|---|---|---|---|
| Support simple | ? | ? | ? | Non | Non | ? | ? |
1. Chrome does not print backgrounds of the <body> element. If this property is set to exact for the <body> element, it will apply only to its descendants.
2. Before Chrome 26, if background images are clipped (for example, when using background-image sprites) and -webkit-print-color-adjust is set to exact, then backgrounds will appear distorted when printed. Solid backgrounds and background images that are not clipped (i.e., backgrounds that have narrower and shorter than the element to which they are applied) are printed correctly. See Chromium bug 131054.
3. Safari does not print backgrounds of the <body> element. If this property is set to exact for the <body> element, it will apply only to its descendants.
Voir aussi
- Bug WebKit 64583 : Ajout d'une propriété CSS permettant de contrôler l'impression des arrière-plans des éléments.
- Wiki du groupe de travail CSS : print-backgrounds - une proposition de standardisation pour cette propriété.
- La spécification du module des couleurs CSS (CSS Color) de niveau 4 ajoute la propriété
color-adjustpour standardiser cette propriété.