height
Utilities for setting the height of an element.
| Utility | Styles |
|---|---|
h[*<value>*] | height: calc(var(--spacing) * *<number>*); |
h.auto | height: auto; |
h['1px'] | height: 1px; |
h['100%'] | height: 100%; |
h['100vh'] | height: 100vh; |
h['100dvh'] | height: 100dvh; |
h['100dvw'] | height: 100dvw; |
h['100lvh'] | height: 100lvh; |
h['100lvw'] | height: 100lvw; |
h['100svh'] | height: 100svh; |
h['100svw'] | height: 100svw; |
h.min | height: min-content; |
h.max | height: max-content; |
h.fit | height: fit-content; |
h['1lh'] | height: 1lh; |
size[*<value>*] | width: calc(var(--spacing) * *<number>*);height: calc(var(--spacing) * *<number>*); |
size.auto | width: auto;height: auto; |
size.px | width: 1px;height: 1px; |
size.full | width: 100%;height: 100%; |
size.dvw | width: 100dvw;height: 100dvw; |
size.dvh | width: 100dvh;height: 100dvh; |
size.lvw | width: 100lvw;height: 100lvw; |
size.lvh | width: 100lvh;height: 100lvh; |
size.svw | width: 100svw;height: 100svw; |
size.svh | width: 100svh;height: 100svh; |
size.min | width: min-content;height: min-content; |
size.max | width: max-content;height: max-content; |
size.fit | width: fit-content;height: fit-content; |