Height
height Sets the height.
Example
Box { height: screen }
Tailwind values
| Value | CSS value |
|---|---|
0 | 0px |
px | 1px |
0.5 | 0.125rem / 2px |
1, 1.5, 2, 2.5, 3, 3.5, 4 | 0.25rem through 1rem / 4px through 16px |
5, 6, 7, 8, 9, 10, 11, 12 | 1.25rem through 3rem / 20px through 48px |
14, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60 | 3.5rem through 15rem |
64, 72, 80, 96 | 16rem, 18rem, 20rem, 24rem |
| Other values | Meaning |
|---|---|
auto, full, screen | automatic, 100%, 100vh |
svh, lvh, dvh | small, large, dynamic viewport |
min, max, fit | intrinsic content sizing |
Arbitrary values use square brackets: [18rem] or [calc(100dvh-4rem)].