Last updated on March 19, 2026

Top / Right / Bottom / Left

Usage

Please refer to the documentation on the Tailwind CSS website

Compatibility

Class	Support
`inset-{n}`	✅ Supported
`inset-[n]`	✅ Supported
`inset-x-{n}`	✅ Supported
`inset-y-[n]`	✅ Supported
`top-{n}`	✅ Supported
`top-[n]`	✅ Supported
`bottom-{n}`	✅ Supported
`bottom-[n]`	✅ Supported
`left-{n}`	✅ Supported
`left-[n]`	✅ Supported
`right-{n}`	✅ Supported
`right-[n]`	✅ Supported
`inset-auto`	🌐 Web only
`inset-x-auto`	🌐 Web only
`inset-y-auto`	🌐 Web only
`top-auto`	🌐 Web only
`bottom-auto`	🌐 Web only
`left-auto`	🌐 Web only
`right-auto`	🌐 Web only

Legend

Class

-{n} Supports values from theme

-[n] Supports arbitrary values

Icon

✅ Supported

✔️ Partial support on native

🧪 Experimental support on native

📱 Native only

🌐 Web only

Position

Previous Page

Visibility

Next Page