height |
Hauteur |
|---|---|
| Tailwind CSS | |
Classe
| height |
Description
Cet utilitaire définit la hauteur d'un élément, déterminant l'espace vertical qu'il occupe dans le conteneur.
Définition
| Classe | Styles |
|---|---|
| h-<nombre> | height: calc(var(--spacing) * <nombre>); |
| h-<fraction> | height: calc(<fraction> * 100%); |
| h-auto | height: auto; |
| h-px | height: 1px; |
| h-full | height: 100%; |
| h-screen | height: 100vh; |
| h-dvh | height: 100dvh; |
| h-dvw | height: 100dvw; |
| h-lvh | height: 100lvh; |
| h-lvw | height: 100lvw; |
| h-svh | height: 100svh; |
| h-svw | height: 100svw; |
| h-min | height: min-content; |
| h-max | height: max-content; |
| h-fit | height: fit-content; |
| h-lh | height: 1lh; |
| h-(<propriete-personnalisee>) | height: var(<propriete-personnalisee>); |
| h-[<valeur>] | height: <valeur>; |
| size-<nombre> | width: calc(var(--spacing) * <nombre>); height: calc(var(--spacing) * <nombre>); |
| size-<fraction> | width: calc(<fraction> * 100%); height: calc(<fraction> * 100%); |
| size-auto | width: auto; height: auto; |
| size-px | width: 1px; height: 1px; |
| size-full | width: 100%; height: 100%; |
| size-dvw | width: 100dvw; height: 100dvw; |
| size-dvh | width: 100dvh; height: 100dvh; |
| size-lvw | width: 100lvw; height: 100lvw; |
| size-lvh | width: 100lvh; height: 100lvh; |
| size-svw | width: 100svw; height: 100svw; |
| size-svh | width: 100svh; height: 100svh; |
| size-min | width: min-content; height: min-content; |
| size-max | width: max-content; height: max-content; |
| size-fit | width: fit-content; height: fit-content; |
| size-(<propriete-personnalisee>) | width: var(<propriete-personnalisee>); height: var(<propriete-personnalisee>); |
| size-[<valeur>] | width: <valeur>;height: <valeur>; |
Dernière mise à jour : Vendredi, le 6 février 2026