Cet utilitaire spécifie la largeur minimale qu'un élément peut atteindre, empêchant qu'il devienne trop étroit même dans des conteneurs restreints.
| Classe |
Styles |
| min-w-<nombre> |
min-width: calc(var(--spacing) * <nombre>); |
| min-w-<fraction> |
min-width: calc(<fraction> * 100%); |
| min-w-3xs |
min-width: var(--container-3xs); /* 16rem (256px) */ |
| min-w-2xs |
min-width: var(--container-2xs); /* 18rem (288px) */ |
| min-w-xs |
min-width: var(--container-xs); /* 20rem (320px) */ |
| min-w-sm |
min-width: var(--container-sm); /* 24rem (384px) */ |
| min-w-md |
min-width: var(--container-md); /* 28rem (448px) */ |
| min-w-lg |
min-width: var(--container-lg); /* 32rem (512px) */ |
| min-w-xl |
min-width: var(--container-xl); /* 36rem (576px) */ |
| min-w-2xl |
min-width: var(--container-2xl); /* 42rem (672px) */ |
| min-w-3xl |
min-width: var(--container-3xl); /* 48rem (768px) */ |
| min-w-4xl |
min-width: var(--container-4xl); /* 56rem (896px) */ |
| min-w-5xl |
min-width: var(--container-5xl); /* 64rem (1024px) */ |
| min-w-6xl |
min-width: var(--container-6xl); /* 72rem (1152px) */ |
| min-w-7xl |
min-width: var(--container-7xl); /* 80rem (1280px) */ |
| min-w-auto |
min-width: auto; |
| min-w-px |
min-width: 1px; |
| min-w-full |
min-width: 100%; |
| min-w-screen |
min-width: 100vw; |
| min-w-dvw |
min-width: 100dvw; |
| min-w-dvh |
min-width: 100dvh; |
| min-w-lvw |
min-width: 100lvw; |
| min-w-lvh |
min-width: 100lvh; |
| min-w-svw |
min-width: 100svw; |
| min-w-svh |
min-width: 100svh; |
| min-w-min |
min-width: min-content; |
| min-w-max |
min-width: max-content; |
| min-w-fit |
min-width: fit-content; |
| min-w-(<propriete-personnalisee>) |
min-width: var(<propriete-personnalisee>); |
| min-w-[<valeur>] |
min-width: <valeur>; |
