You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
La propriété CSS **`print-color-adjust`** définit ce que [l'agent utilisateur](/fr/docs/Glossary/User_agent) pourra éventuellement faire pour optimiser l'apparence de l'élément sur l'appareil de sortie. Par défaut, le navigateur peut réaliser des ajustements sur l'apparence de l'élément qu'il estime nécessaires et prudents selon le type et les capacités de l'appareil de sortie.
8
+
La propriété [CSS](/fr/docs/Web/CSS)**`print-color-adjust`** définit ce que {{Glossary("user agent", "l'agent utilisateur")}} pourra éventuellement faire pour optimiser l'apparence de l'élément sur l'appareil de sortie.
9
+
Par défaut, le navigateur peut réaliser des ajustements sur l'apparence de l'élément qu'il estime nécessaires et prudents selon le type et les capacités de l'appareil de sortie.
10
10
11
11
## Syntaxe
12
12
@@ -27,9 +27,14 @@ La valeur de la propriété `print-color-adjust` doit être l'un des mots-clés
27
27
### Valeurs
28
28
29
29
- `economy`
30
-
- : L'agent utilisateur peut réaliser des ajustements sur l'élément qu'il estime appropriés et prudents afin d'optimiser la sortie sur l'appareil de rendu. Par exemple, lors de l'impression, un navigateur pourra choisir de ne pas inclure les images d'arrière-plan et d'ajuster les couleurs du texte afin que le contraste soit optimisé pour la lecture sur du papier blanc. Il s'agit de la valeur par défaut.
30
+
- : L'agent utilisateur peut réaliser des ajustements sur l'élément qu'il estime appropriés et prudents afin d'optimiser la sortie sur l'appareil de rendu.
31
+
Par exemple, lors de l'impression, un navigateur pourra choisir de ne pas inclure les images d'arrière-plan et d'ajuster les couleurs du texte afin que le contraste soit optimisé pour la lecture sur du papier blanc.
32
+
Il s'agit de la valeur par défaut.
31
33
- `exact`
32
-
- : Le contenu de l'élément a été conçu pour utiliser précisément ces couleurs, ces images et ces styles de façon réfléchie et/ou avec un rôle important et où tout changement apporté par le navigateur dégraderait la page plutôt que de l'améliorer. L'apparence du contenu ne devrait pas être modifiée à moins que l'utilisatrice ou l'utilisateur ne le demande. Par exemple, une page pourrait inclure une liste d'information avec des lignes dont la couleur d'arrière-plan alterne entre blanc et gris clair : retirer la couleur d'arrière-plan réduirait la lisibilité du contenu.
34
+
- : Le contenu de l'élément a été conçu pour utiliser précisément ces couleurs, ces images et ces styles de façon réfléchie et/ou avec un rôle important et où tout changement apporté par le navigateur dégraderait la page plutôt que de l'améliorer.
35
+
L'apparence du contenu ne devrait pas être modifiée à moins que l'utilisateur·ice ne le demande.
36
+
Par exemple, une page pourrait inclure une liste d'information avec des lignes dont la couleur d'arrière-plan alterne entre blanc et gris clair.
37
+
Retirer la couleur d'arrière-plan réduirait la lisibilité du contenu.
33
38
34
39
## Notes d'utilisation
35
40
@@ -43,28 +48,25 @@ Les options de configuration fournies par l'agent utilisateur auront la priorit
43
48
44
49
## Définition formelle
45
50
46
-
{{cssinfo}}
51
+
{{CSSInfo}}
47
52
48
53
## Syntaxe formelle
49
54
50
-
{{csssyntax}}
55
+
{{CSSSyntax}}
51
56
52
57
## Exemples
53
58
54
59
### Préserver un contraste faible
55
60
56
-
Dans cet exemple, on a une boîte qui utilise [`background-image`](/fr/docs/Web/CSS/Reference/Properties/background-image) avec [`linear-gradient()`](/fr/docs/Web/CSS/Reference/Values/gradient/linear-gradient) pour avoir un dégradé bleu foncé sur un fond noir. Le texte par-dessus est écrit en rouge. Pour cet exemple, on estime que c'est l'apparence voulue dans chaque environnement de rendu, y compris sur le papier et on utilise donc `print-color-adjust: exact` pour indiquer au navigateur de ne pas effectuer d'ajustements sur la boîte lors du rendu.
61
+
Dans cet exemple, on a une boîte qui utilise {{CSSxRef("background-image")}} avec {{CSSxRef("gradient/linear-gradient", "linear-gradient()")}} pour avoir un dégradé bleu foncé sur un fond noir. Le texte par-dessus est écrit en rouge. Pour cet exemple, on estime que c'est l'apparence voulue dans chaque environnement de rendu, y compris sur le papier et on utilise donc `print-color-adjust: exact` pour indiquer au navigateur de ne pas effectuer d'ajustements sur la boîte lors du rendu.
- Les autres propriétés relatives aux couleurs : {{CSSxRef("color")}}, {{CSSxRef("background-color")}}, {{CSSxRef("border-color")}}, {{CSSxRef("outline-color")}}, {{CSSxRef("text-decoration-color")}}, {{CSSxRef("text-emphasis-color")}}, {{CSSxRef("text-shadow")}}, {{CSSxRef("caret-color")}} et {{CSSxRef("column-rule-color")}}
0 commit comments