Expand description
Utilities for setting the width of an element.
| Class | Properties |
|---|---|
| w-<float> | width: <float / 4>rem; |
| w-<integer>/<integer> | width: (<integer>/<integer>)%; |
| w-px | width: 1px; |
| w-full | width: 100%; |
| w-auto | width: auto; |
| w-screen | width: 100vw; |
| w-min | width: min-content; |
| w-max | width: max-content; |
| w-fit | width: fit-content; |
| w-svw | width: 100svw; |
| w-lvw | width: 100lvw; |
| w-dvw | width: 100dvw; |
§Tailwind compatibility
Width 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, w-[42mm].