Border Radius

Utilities for controlling the border radius of an element.

Class	CSS Output
`rounded`	`border-radius: 0.25rem; }`
`rounded-none`	`border-radius: 0; }`
`rounded-sm`	`border-radius: var(--radius-sm); }`
`rounded-md`	`border-radius: var(--radius-md); }`
`rounded-lg`	`border-radius: var(--radius-lg); }`
`rounded-full`	`border-radius: calc(infinity * 1px); }`
`rounded-t-md`	`border-top-left-radius: var(--radius-md); border-top-right-radius: var(--radius-md); }`
`rounded-tl-lg`	`border-top-left-radius: var(--radius-lg); }`
`rounded-[12px]`	`border-radius: 12px; }`

rounded

border-radius: 0.25rem;

rounded-none

border-radius: 0;

rounded-sm

border-radius: var(--radius-sm);

rounded-md

border-radius: var(--radius-md);

rounded-lg

border-radius: var(--radius-lg);

rounded-full

border-radius: calc(infinity * 1px);

rounded-t-md

border-top-left-radius: var(--radius-md);
border-top-right-radius: var(--radius-md);

rounded-tl-lg

border-top-left-radius: var(--radius-lg);

rounded-[12px]

border-radius: 12px;

Reference