aspect-ratio |
Ratio d'aspect |
|---|---|
| Tailwind CSS | |
Classe
| aspect-ratio |
Description
Cet utilitaire permet de contrôler le ratio largeur/hauteur d'un élément pour garantir une proportion constante, utile pour les images, vidéos ou blocs responsives.
Définition
| Classe | Styles |
|---|---|
| aspect-<ratio> | aspect-ratio: <ratio>; |
| aspect-square | aspect-ratio: 1 / 1; |
| aspect-video | aspect-ratio: var(--aspect-video); /* 16 / 9 */ |
| aspect-auto | aspect-ratio: auto; |
| aspect-(<propriete-personnalisee>) | aspect-ratio: var(<propriete-personnalisee>); |
| aspect-[<valeur>] | aspect-ratio: <valeur>; |
Dernière mise à jour : Vendredi, le 6 février 2026