Skip to main content
Version: v4

Border Radius

Usage

Please refer to the

documentation on the Tailwind CSS website

Compatibility

ClassSupport
rounded-none✅ Full Support
rounded✅ Full Support
rounded-{n}✅ Full Support
rounded-[n]✅ Full Support
rounded-full✅ Full Support
rounded-t-none✅ Full Support
rounded-t-{n}✅ Full Support
rounded-t-[n]✅ Full Support
rounded-t-full✅ Full Support
rounded-r-none✅ Full Support
rounded-r-{n}✅ Full Support
rounded-r-[n]✅ Full Support
rounded-r-full✅ Full Support
rounded-b-none✅ Full Support
rounded-b-{n}✅ Full Support
rounded-b-[n]✅ Full Support
rounded-b-full✅ Full Support
rounded-l-none✅ Full Support
rounded-l-{n}✅ Full Support
rounded-l-[n]✅ Full Support
rounded-l-full✅ Full Support
rounded-tl-none✅ Full Support
rounded-tl-{n}✅ Full Support
rounded-tl-[n]✅ Full Support
rounded-tl-full✅ Full Support
rounded-tr-none✅ Full Support
rounded-tr-{n}✅ Full Support
rounded-tr-[n]✅ Full Support
rounded-tr-full✅ Full Support
rounded-br-none✅ Full Support
rounded-br-{n}✅ Full Support
rounded-br-[n]✅ Full Support
rounded-br-full✅ Full Support
rounded-bl-none✅ Full Support
rounded-bl-{n}✅ Full Support
rounded-bl-[n]✅ Full Support
rounded-bl-full✅ Full Support
border-inherit🌐 Web only
border-current🌐 Web only
Legend

Class

-{n} Supports values from theme

-[n] Supports arbitrary values

Icon

✅ Full support

✔️ Partial support on native

🧪 Experimental support on native

📱 Native only

🌐 Web only