Skip to main content

Border Radius

Usage

Please refer to the documentation on the Tailwind CSS website

Compatibility

ClassNative (StyleSheet)Web (CSS)
rounded-none
rounded
rounded-{n}
rounded-[n]
rounded-full
rounded-t-none
rounded-t-{n}
rounded-t-[n]
rounded-t-full
rounded-r-none
rounded-r-{n}
rounded-r-[n]
rounded-r-full
rounded-b-none
rounded-b-{n}
rounded-b-[n]
rounded-b-full
rounded-l-none
rounded-l-{n}
rounded-l-[n]
rounded-l-full
rounded-tl-none
rounded-tl-{n}
rounded-tl-[n]
rounded-tl-full
rounded-tr-none
rounded-tr-{n}
rounded-tr-[n]
rounded-tr-full
rounded-br-none
rounded-br-{n}
rounded-br-[n]
rounded-br-full
rounded-bl-none
rounded-bl-{n}
rounded-bl-[n]
rounded-bl-full
border-inherit
border-current
Legend

Class

-{n} Supports values from theme

-[n] Supports arbitrary values

Icon

✅ Full support

✔️ Partial support

❌ Not supported