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	❌	✅

Legend

Class

-{n} Supports values from theme

-[n] Supports arbitrary values

Icon

✅ Full support

✔️ Partial support

❌ Not supported