Skip to content

Commit dd21eec

Browse files
authored
chore(fr): update of Web/CSS/Reference/Properties/print-color-adjust (#34455)
1 parent 76695ac commit dd21eec

File tree

1 file changed

+20
-28
lines changed
  • files/fr/web/css/reference/properties/print-color-adjust

1 file changed

+20
-28
lines changed

files/fr/web/css/reference/properties/print-color-adjust/index.md

Lines changed: 20 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
---
22
title: print-color-adjust
33
slug: Web/CSS/Reference/Properties/print-color-adjust
4-
original_slug: Web/CSS/print-color-adjust
4+
l10n:
5+
sourceCommit: f28f4c26a3d95e41d01a505af3388881abd6e49c
56
---
67

7-
{{CSSRef}}
8-
9-
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.
1010

1111
## Syntaxe
1212

@@ -27,9 +27,14 @@ La valeur de la propriété `print-color-adjust` doit être l'un des mots-clés
2727
### Valeurs
2828

2929
- `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.
3133
- `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.
3338

3439
## Notes d'utilisation
3540

@@ -43,28 +48,25 @@ Les options de configuration fournies par l'agent utilisateur auront la priorit
4348

4449
## Définition formelle
4550

46-
{{cssinfo}}
51+
{{CSSInfo}}
4752

4853
## Syntaxe formelle
4954

50-
{{csssyntax}}
55+
{{CSSSyntax}}
5156

5257
## Exemples
5358

5459
### Préserver un contraste faible
5560

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.
5762

5863
#### CSS
5964

6065
```css
6166
.ma-boite {
6267
background-color: black;
63-
background-image: linear-gradient(
64-
rgba(0, 0, 180, 0.5),
65-
rgba(70, 140, 220, 0.5)
66-
);
67-
color: #900;
68+
background-image: linear-gradient(rgb(0 0 180 / 50%), rgb(70 140 220 / 50%));
69+
color: #990000;
6870
width: 15rem;
6971
height: 6rem;
7072
text-align: center;
@@ -82,13 +84,13 @@ Dans cet exemple, on a une boîte qui utilise [`background-image`](/fr/docs/Web/
8284

8385
```html
8486
<div class="ma-boite">
85-
<p>Il faut plus de contraste !</p>
87+
<p>Il faut plus de contraste&nbsp;!</p>
8688
</div>
8789
```
8890

8991
#### Résultat
9092

91-
{{EmbedLiveSample("", 640, 120)}}
93+
{{EmbedLiveSample("Préserver un contraste faible", 640, 120)}}
9294

9395
## Spécifications
9496

@@ -100,15 +102,5 @@ Dans cet exemple, on a une boîte qui utilise [`background-image`](/fr/docs/Web/
100102

101103
## Voir aussi
102104

103-
- [Appliquer des couleurs aux éléments HTML en utilisant CSS](/fr/docs/Web/CSS/Guides/Colors/Applying_color)
104-
- Les autres propriétés relatives aux couleurs&nbsp;:
105-
- [`color`](/fr/docs/Web/CSS/Reference/Properties/color)
106-
- [`background-color`](/fr/docs/Web/CSS/Reference/Properties/background-color)
107-
- [`border-color`](/fr/docs/Web/CSS/Reference/Properties/border-color)
108-
- [`outline-color`](/fr/docs/Web/CSS/Reference/Properties/outline-color)
109-
- [`text-decoration-color`](/fr/docs/Web/CSS/Reference/Properties/text-decoration-color)
110-
- [`text-emphasis-color`](/fr/docs/Web/CSS/Reference/Properties/text-emphasis-color)
111-
- [`text-shadow`](/fr/docs/Web/CSS/Reference/Properties/text-shadow)
112-
- [`caret-color`](/fr/docs/Web/CSS/Reference/Properties/caret-color)
113-
- [`column-rule-color`](/fr/docs/Web/CSS/Reference/Properties/column-rule-color)
114-
- [`background-image`](/fr/docs/Web/CSS/Reference/Properties/background-image)
105+
- Les autres propriétés relatives aux couleurs&nbsp;: {{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")}}
106+
- {{CSSxRef("background-image")}}

0 commit comments

Comments
 (0)