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