Expand description
Utilities for setting the height of an element.
| Class | Properties |
|---|---|
| h-<float> | height: <float / 4>rem; |
| h-<integer>/<integer> | height: (<integer>/<integer>)%; |
| h-px | height: 1px; |
| h-full | height: 100%; |
| h-auto | height: auto; |
| h-screen | height: 100vh; |
| h-min | height: min-content; |
| h-max | height: max-content; |
| h-fit | height: fit-content; |
| h-svh | height: 100svh; |
| h-lvh | height: 100lvh; |
| h-dvh | height: 100dvh; |
§Tailwind compatibility
Height values don’t follow Tailwind’s philosophy of limiting possible values and all spacing values are supported. They are however perfectly compatible with Tailwind’s values.
§Arbitrary values
Any <length> or <percentage> property is allowed as arbitrary value.
For example, h-[3em].