Feature Request: Add missing block-axis Logical Properties

[ramiy]

Tailwind supports only a subset of logical properties - utilities based on inline-axis:

• ✅ margin-inline-start → → → ms-*
• ✅ margin-inline-end → → → → me-*
• ✅ padding-inline-start → → → ps-*
• ✅ padding-inline-end → → → → pe-*
• ✅ border-inline-start-width → border-s-*
• ✅ border-inline-end-width → → border-e-*
• ✅ inset-inline-start → → → → start-*
• ✅ inset-inline-end → → → → → end-*

However, it does NOT support any block-axis properties:

• ❌ margin-block-start
• ❌ margin-block-end
• ❌ padding-block-start
• ❌ padding-block-end
• ❌ border-inline-start-width
• ❌ border-inline-end-width
• ❌ inset-block-start
• ❌ inset-block-end

Previous issues to improve logical properties mainly focus on improving LTR/RTL support, but it's only a subset of logical properties. Tailwind is missing a significant portion of the logical spec.

[Ruben-Smit]

Thank you for suggesting this. There have discussions about this for a couple of months in another feature request that was only for margin-inline, I hope your separate request gets more eyes on this issue.

See also the comment from @OverflowCat with insightful information on top to bottom writing direction usage in Asia: #1483 (reply in thread)

Clearly more and more websites are using logical properties, including the block axis, I don't see why Tailwind should not support the last remaining logical properties instead of only supporting a couple of them, it makes it very confusing and annoying to me.

[khalidesskali]

Tailwind v4 focuses on inline-axis properties to handle LTR/RTL, but block-axis properties (vertical equivalents) are missing. For full support, you need custom CSS or a plugin like [tailwindcss-logical].