Top / Right / Bottom / Left
Usage
Please refer to the
documentation on the Tailwind CSS website
Example
Compatibility
| Class | Native (StyleSheet) | Web (CSS) |
|---|---|---|
| inset-{n} | ✅ | ✅ |
| inset-[n] | ✅ | ✅ |
| inset-x-{n} | ✅ | ✅ |
| inset-y-[n] | ✅ | ✅ |
| top-{n} | ✅ | ✅ |
| top-[n] | ✅ | ✅ |
| bottom-{n} | ✅ | ✅ |
| bottom-[n] | ✅ | ✅ |
| left-{n} | ✅ | ✅ |
| left-[n] | ✅ | ✅ |
| right-{n} | ✅ | ✅ |
| right-[n] | ✅ | ✅ |
| inset-auto | ❌ | ✅ |
| inset-x-auto | ❌ | ✅ |
| inset-y-auto | ❌ | ✅ |
| top-auto | ❌ | ✅ |
| bottom-auto | ❌ | ✅ |
| left-auto | ❌ | ✅ |
| right-auto | ❌ | ✅ |