Tabla de Clases Width y Height - Tailwind
| Clase |
CSS |
Ejemplo |
| w-0 |
width: 0rem; |
|
| w-1 |
width: 0.25rem; |
|
| w-2 |
width: 0.5rem; |
|
| w-4 |
width: 1rem; |
|
| w-6 |
width: 1.5rem; |
|
| w-8 |
width: 2rem; |
|
| w-10 |
width: 2.5rem; |
|
| w-12 |
width: 3rem; |
|
| w-16 |
width: 4rem; |
|
| w-20 |
width: 5rem; |
|
| w-auto |
width: auto; |
|
| w-full |
width: 100%; |
|
| w-screen |
width: 100vw; |
|
| w-min |
width: min-content; |
|
| w-max |
width: max-content; |
|
| w-fit |
width: fit-content; |
|
| h-0 |
height: 0rem; |
|
| h-1 |
height: 0.25rem; |
|
| h-2 |
height: 0.5rem; |
|
| h-4 |
height: 1rem; |
|
| h-6 |
height: 1.5rem; |
|
| h-8 |
height: 2rem; |
|
| h-10 |
height: 2.5rem; |
|
| h-12 |
height: 3rem; |
|
| h-16 |
height: 4rem; |
|
| h-20 |
height: 5rem; |
|
| h-auto |
height: auto; |
|
| h-full |
height: 100%; |
|
| h-screen |
height: 100vh; |
|
| h-min |
height: min-content; |
|
| h-max |
height: max-content; |
|
| h-fit |
height: fit-content; |
|
| Clases personalizadas |
| w-[120px] |
width: 120px; |
|
| w-[50%] |
width: 50%; |
|
| h-[3.5rem] |
height: 3.5rem; |
|
| h-[80vh] |
height: 80vh; |
|