Height

height Sets the height.

Example

Box { height: screen }

Tailwind values

ValueCSS value
00px
px1px
0.50.125rem / 2px
1, 1.5, 2, 2.5, 3, 3.5, 40.25rem through 1rem / 4px through 16px
5, 6, 7, 8, 9, 10, 11, 121.25rem through 3rem / 20px through 48px
14, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 603.5rem through 15rem
64, 72, 80, 9616rem, 18rem, 20rem, 24rem
Other valuesMeaning
auto, full, screenautomatic, 100%, 100vh
svh, lvh, dvhsmall, large, dynamic viewport
min, max, fitintrinsic content sizing

Arbitrary values use square brackets: [18rem] or [calc(100dvh-4rem)].