The CSS Working Group recently resolved
to add a size shorthand
for setting both the width and height of an element.
Many people asked about using it to set the ‘logical’
inline-size and block-size properties instead.
But ‘logical shorthands’ have been
stalled in the working group for years.
Can we get them unstuck?
Next steps ¶
- Research what properties would be impacted
- Choose syntax for individual properties
- Develop lexical toggle to allow default-logical styles
CSS Working Group discussion ¶
- Specification: CSS Logical Properties
Fantasai opened the original issue in 2017, when publishing the First Public Working Draft of CSS Logical Properties: [css-logical] Flow-relative syntax for margin-like shorthands. Here are some key comments:
- 2021 proposed solution by Fantasai & Miriam & Jen Simmons
- 2022 TPAC discussion with Internationalization Working Group (I18n) – Tab summarizes the decision to be made, but the next step is making a list of impacted properties
- 2023 update for I18n WG – still waiting on the research
- 2024 update for I18n WG – still waiting on research
Other resources ¶
- Jeremy Keith, 2022: Let’s get logical
- Miriam, 2022: A long-term plan for logical shorthands?
- OddBird, 2025: Support logical shorthands in CSS