1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
|
---
title: CSS Images
slug: Web/CSS/CSS_Images
tags:
- Aperçu
- CSS
- CSS Images
- Reference
translation_of: Web/CSS/CSS_Images
---
{{CSSRef}}
**_CSS Images_** est un module CSS qui définit les types d'images qui peuvent être utilisés (le type {{cssxref("<image>")}}, les URLs qu'elles contiennent, les dégradés et autres types d'images), comment les redimensionner et comment elles, ainsi que le contenu remplacé, interagissent avec les différents modèles de mise en page.
## Référence
### Propriétés
- {{CSSxRef("image-orientation")}}
- {{CSSxRef("image-rendering")}}
- {{CSSxRef("image-resolution")}}
- {{CSSxRef("object-fit")}}
- {{CSSxRef("object-position")}}
### Fonctions
- {{CSSxRef("linear-gradient", "linear-gradient()")}}
- {{CSSxRef("radial-gradient", "radial-gradient()")}}
- {{CSSxRef("repeating-linear-gradient", "repeating-linear-gradient()")}}
- {{CSSxRef("repeating-radial-gradient", "repeating-radial-gradient()")}}
- {{CSSxRef("conic-gradient")}}
- {{CSSxRef("repeating-conic-gradient", "repeating-conic-gradient()")}}
- {{CSSxRef("url", "url()")}}
- {{CSSxRef("element", "element()")}}
- {{CSSxRef("_image", "image()")}}
- {{CSSxRef("cross-fade", "cross-fade()")}}
### Types de données
- {{cssxref("<image>")}}
- {{cssxref("<gradient>")}}
## Guides
- [Utilisation de dégradés CSS](/fr/docs/Web/CSS/Utilisation_de_dégradés_CSS)
- : Présente un type spécifique d'images CSS, les _dégradés_, et comment les créer et les utiliser.
- [Les _sprites_ CSS](/fr/docs/Web/CSS/CSS_Images/Sprites_CSS)
- : Décrit la technique classique consistant à regrouper plusieurs images en un seul document pour économiser des requêtes de téléchargement et rendre une page disponible plus rapidement.
## Spécifications
| Spécification | État | Commentaires |
| ------------------------------------------------------------------------------------ | -------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| {{SpecName("CSS4 Images")}} | {{Spec2("CSS4 Images")}} | Ajout de {{CSSxRef("image-resolution")}},{{CSSxRef("conic-gradient")}} et {{CSSxRef("_image", "image()")}}. |
| {{SpecName("CSS3 Images")}} | {{Spec2("CSS3 Images")}} | Ajout de {{CSSxRef("image-orientation")}}, {{CSSxRef("image-rendering")}}, {{CSSxRef("object-fit")}} et {{CSSxRef("object-position")}} |
| {{SpecName("Compat", "#css-%3Cimage%3E-type", "CSS Gradients")}} | {{Spec2("Compat")}} | Standardisation de la version préfixée avec `-webkit` pour les valeurs de fonctions de dégradé |
| {{SpecName("CSS3 Values", "#urls", "<url>")}} | {{Spec2("CSS3 Values")}} | |
| {{Specname("CSS2.1", "syndata.html#uri", "<uri>")}} | {{Spec2("CSS2.1")}} | |
| {{SpecName("CSS1", "#url", "<url>")}} | {{Spec2("CSS1")}} | Définition intiale. |
|
