Border Width

Usage

Please refer to the documentation on the Tailwind CSS website

Compatibility

Class	Support
`border`	✅ Full Support
`border-{n}`	✅ Full Support
`border-[n]`	✅ Full Support
`border-x`	✅ Full Support
`border-x-{n}`	✅ Full Support
`border-x-[n]`	✅ Full Support
`border-y`	✅ Full Support
`border-y-{n}`	✅ Full Support
`border-y-[n]`	✅ Full Support
`border-t`	✅ Full Support
`border-t-{n}`	✅ Full Support
`border-t-[n]`	✅ Full Support
`border-r`	✅ Full Support
`border-r-{n}`	✅ Full Support
`border-r-[n]`	✅ Full Support
`border-b`	✅ Full Support
`border-b-{n}`	✅ Full Support
`border-b-[n]`	✅ Full Support
`border-l`	✅ Full Support
`border-l-{n}`	✅ Full Support
`border-l-[n]`	✅ 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

Border Style

Previous Page

Divide Color

Next Page