[csswg-drafts] [css-backgrounds-4] Add slashes between individual `border-color` values (#8026)

SebastianZ has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-backgrounds-4] Add slashes between individual `border-color` values ==
As [mentioned in the change to add the `stripes()` function](https://github.com/w3c/csswg-drafts/pull/7029#issuecomment-1104969215), I believe it makes sense to follow the example of `grid-area` and separate the different longhand values of `border-color` via slashes.

This makes it easier to distinguish them, especially in regard of the aforementioned new function. And it makes the syntax also more future-proof for further extensions.

The existing one-to-four `<color>`s syntax still needs to be supported, of course. Though all new features like the `<1d-image>` values require the values to be separated by slashes. So the suggested syntax is:

```
<<color>>{1,4} | [ <<color>>? <<1d-image>>? ]! [ / [ <<color>>? <<1d-image>>? ]! ]{0,3}
```

Examples:

```
border-color: red / yellow / lime / blue;
border-color: stripes(white, silver) / stripes(white, silver) / stripes(black, gray) / stripes(black, gray);
border-color: red / stripes(yellow, orange) / lime / stripes(blue, navy);
```

Sebastian

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8026 using your GitHub account


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

Received on Sunday, 6 November 2022 00:34:50 UTC