- From: Ahmad Alfy via GitHub <noreply@w3.org>
- Date: Mon, 13 Apr 2026 12:07:11 +0000
- To: public-css-archive@w3.org
I'd like to add a use case for why this feature would be valuable.
Currently, if I want to position a background image (say, a decorative icon or pattern) at the inline-start of an element, I have no logical way to express that. In a multilingual context where the same component is used in both LTR and RTL layouts, I'm forced to write:
```css
css.element {
background-position: left center;
}
html[dir="rtl"] .element {
background-position: right center;
}
```
This is exactly the kind of duplication that logical properties were designed to eliminate. We can already write `padding-inline-start` instead of maintaining separate `padding-left` / `padding-right` rules per direction. `background-position` should follow the same pattern.
The gap feels increasingly inconsistent as more of CSS moves to logical properties. Properties like `inset`, `margin`, `padding`, `border`, and even `overflow` now have logical equivalents. Background positioning is a notable holdout.
--
GitHub Notification of comment by ahmadalfy
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9253#issuecomment-4236238815 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Monday, 13 April 2026 12:07:11 UTC