Width

width Sets the width.

Example

Box { width: full }

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%, 100vw
`svw`, `lvw`, `dvw`	small, large, dynamic viewport
`min`, `max`, `fit`	intrinsic content sizing
`1/2`, `1/3`, `2/3`, `1/4` … `11/12`	proportional values

Arbitrary values use square brackets: [37.5rem], [50%], or [calc(100%-2rem)].