Re: [csswg-drafts] [css-logical] Flow-relative syntax for `margin`-like shorthands (#1282)

I did a [first pass at documenting](https://css.oddbird.net/logical/properties/) all the places where axis or side is implied by the order of values – which includes (but is not limited to) shorthands. For example, `background-position` is a shorthand for `background-position-x` and `background-position-y` – but `object-position` uses the same syntax without having individual longhand sub-properties. This is not meant to be a prescriptive list of which properties _should_ provide logical alternatives, but a descriptive list of what properties _could_ be toggled from one syntax to another. 

Apart from properties, all `<basic-shape>` functions, transform functions, and gradient functions currently use physical syntax – and there have been various requests for logical alternatives. It's not clear to me on first-glance if a logical/physical toggle could or should change how those functions are parsed. 

(As a side-note, I also captured where we have physical keywords without logical alternatives, although that's clearly tangential to this issue. Keywords are explicit to an axis or side, and don't need a syntax toggle.)

I think the next step would be to sort these into groups by shared syntax, and describe how a toggle (either local or global) would apply to each? But I'd be happy for someone else to review the list and make sure I'm not missing anything obvious. 

-- 
GitHub Notification of comment by mirisuzanne
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1282#issuecomment-2968075038 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 12 June 2025 20:29:06 UTC