Last updated on February 21, 2026

Border Color

Usage

Please refer to the documentation on the Tailwind CSS website

Compatibility

Class	Support
`border-{color}`	✅ Full Support
`border-[color]`	✅ Full Support
`border-x-{color}`	✅ Full Support
`border-y-{color}`	✅ Full Support
`border-t-{color}`	✅ Full Support
`border-r-{color}`	✅ Full Support
`border-b-{color}`	✅ Full Support
`border-l-{color}`	✅ Full Support
`border-current`	✅ Full Support
`border-inherit`	✅ Full Support

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

Gradient Color Stops

Previous Page

Border Radius

Next Page