Borders and Radius
Border Width
| Utility | Effect |
|---|---|
border | Default border width |
border-0 | No border |
border-2 | 2px border |
border-4 | 4px border |
border-8 | 8px border |
border-[3px] | Arbitrary border width |
border-{color} | Border color |
Radius
| Utility | Effect |
|---|---|
rounded-none | No corner radius |
rounded-sm | Small corner radius |
rounded | Default corner radius |
rounded-md | Medium corner radius |
rounded-lg | Large corner radius |
rounded-xl | Extra large corner radius |
rounded-2xl | 2xl corner radius |
rounded-3xl | 3xl corner radius |
rounded-full | Fully rounded corners |
rounded-[10px] | Arbitrary corner radius |
Last updated on