Re: [csswg-drafts] [css-borders] allow `border` property to include `border-x` short-hands (#9204)

The [discussion that let to the resolution for the logical properties](https://github.com/w3c/csswg-drafts/issues/3519#issuecomment-456903623) did not include @MatsPalmgren's [point about introducing a separator](https://github.com/w3c/csswg-drafts/issues/3519#issuecomment-455315124) to distinguish the values for the different sides.

@Loirooriol Your [response to that](https://github.com/w3c/csswg-drafts/issues/3519#issuecomment-455352152) was:

> >  It needs to be some other character like `"/"`.
> 
> This way the separation is more obvious. However, I would expect
> 
> ```css
> border-inline: solid orange 5px / dotted;
> ```
> 
> to be treated as
> 
> ```css
> border-inline: solid orange 5px / dotted currentColor medium;
> ```
> 
> instead of as
> 
> ```css
> border-inline: solid orange 5px / dotted orange 5px;
> ```

And you discarded it as not being useful if it defaulted to the initial values instead of the ones defined before.

I agree that most of the times you'd want the other values to be duplicated, though as [you noted](https://github.com/w3c/csswg-drafts/issues/3519#issuecomment-454992039),

> Instead of `border-inline: solid orange 5px dotted`, people can use
> 
> ```css
> border-inline: orange 5px;
> border-inline-style: solid dotted;
> ```

While I agree with you that I'd expect that undefined values default to their initial values, I believe it'd still be useful to add a syntax like that. It still allows to define multiple values a little more concise.

E.g. instead of

```css
border-block: dotted navy 10px;
border-inline: solid orange 5px;
```

one could write

```css
border: dotted navy 10px / solid orange 5px;
```

So my proposal is: Allow individual values for the different sides to be defined by separating them via `/`, resetting missing values to their initial values.
And as @fantasai [suggested earlier](https://github.com/w3c/csswg-drafts/issues/3519#issuecomment-454987242) (and I think we already have a leading case for that but just can't remember right now), we could even define that previously defined values are duplicated if they're missing.

Sebastian

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


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

Received on Saturday, 22 February 2025 23:47:01 UTC