Border Radius

Usage

Please refer to the documentation on the Tailwind CSS website

Compatibility

Class	Support
`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

Border Color

Previous Page

Border Style

Next Page