Les images CSS
Le module des images CSS définit les types d'images pouvant être utilisés (le type <image>, qui comprend les URL, les dégradés et d'autres types d'images), la manière de les redimensionner, ainsi que la façon dont elles, tout comme les autres contenus remplacés, interagissent avec les différents modèles de disposition.
Référence
Propriétés
Le module d'image CSS définit également la propriété image-resolution. Actuellement, aucun navigateur ne prend en charge cette fonctionnalité.
Fonctions
linear-gradient()radial-gradient()repeating-linear-gradient()repeating-radial-gradient()conic-gradient()repeating-conic-gradient()cross-fade()element()image-set()
Le module d'image CSS définit également la fonction image(). Actuellement, aucun navigateur ne prend en charge cette fonctionnalité.
Types de données
Guides
- Utiliser les 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.
- Implémenter des images sprites en CSS
-
Présente la technique courante consistant à regrouper plusieurs images dans un seul document afin de réduire les requêtes de téléchargement et d'accélérer la disponibilité d'une page.
- Mettre en forme des éléments remplacés
-
Introduction des propriétés qui s'appliquent seulement aux éléments remplacés.
- Comprendre les rapports d'aspect
-
Apprenez-en davantage sur la propriété
aspect-ratio, discutez des rapports d'aspect pour les éléments remplacés et non remplacés, et examinez quelques cas d'utilisation courants des rapports d'aspect. - Utiliser la propriété CSS
object-view-box -
Apprendre la propriété CSS
object-view-box, notamment comment zoomer, dézoomer et faire un panoramique sur les images.
Concepts associés
Spécifications
| Spécification |
|---|
| CSS Images Module Level 3 |
| CSS Images Module Level 4 |
| CSS Images Module Level 5 |
Voir aussi
- Le module des effets de filtre CSS
- Le module de composition et de fusion CSS
- Le module des couleurs CSS
- Le module des valeurs et unités CSS