Re: [csswg-drafts] [css-borders] allow multiple borders (#13044)

I disagree with the idea that `border-width` should be the total of all the widths, if `border-color` or `border-style` had commas indicating that there was more than one border. That would be different from the way multiple backgrounds work, where all the other related properties from the shorthand determine how many backgrounds there are, and if one of those properties  has less, then it repeats. Thus, in this example:

```
border-width: 10px;
border-color: red, black, white;
border-style: solid, dashed;
```
I would expect that to expand out to this:

```
border-width: 10px, 10px, 10px;
border-color: red, black, white;
border-style: solid, dashed solid;
```

Thus there would be  three 10px lines, not one with three stripes.

This would also allow us to listify other related border properties, such as border-radius:

```
border-radius: 30px, 40px, 0;
```
Although I think since border radius isn't part of the border shorthand, it would be OK for it to not repeat based on borders. That is, if only one value is given, it is applied to the outermost border, and the others are figured automatically. So this:

```
border-radius: 60px;
```

...becomes this, if there are three borders:

```
border-radius: auto auto 60px;
```

And (a little off-topic, but related) if we ever had something like border-outset, we could create overlapping borders of different widths and styles, and colors with various levels or transparency, to overlap and create some very interesting effects that are not otherwise possible. Not just a stitch effect, but pillowing and shadowing in a way that could be much more convincing.
 

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


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

Received on Saturday, 20 December 2025 06:41:24 UTC