Re: [csswg-drafts] [css-shape] Logical values for the `shape()` function (#12114)

> The documentation on https://developer.mozilla.org/en-US/docs/Web/CSS/basic-shape/shape does not show `hline to inline-end` as a supported value (neither in prose nor in the formal syntax which is derived from the spec).

Sorry, for `hline` it's `x-end` and `x-start`.
You can use `inline-end` etc in the 2d commands.
This is in the spec: https://www.w3.org/TR/css-shapes/#typedef-shape-command
The "to" commands accept a "position".

Agreed that it can be documented better in mdn.

> What I need is being able to define a shape which is reversed horizontally in a RTL context (basically being equivalent to having an X axis going from right to left). For that, it would require allowing to give a coordinate along the `inline` axis instead of along the `x` axis. Note that my description here focuses on the RTL use case (where the inline axis is reversed and block axis stays the same), but full logical support should also support vertical writing modes (where inline and block axis are swapped). In such context, even the name `hline` does not make sense (as a line following the inline axis would become vertical).

For this use case, would you expect the entire shape to be aligned with the direction, or be able to mix and match between logical and physical coordinates within the shape?


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


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

Received on Wednesday, 17 September 2025 09:53:21 UTC