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

Having re-read a lot of the discussion here, my current summary is:
- conceptually this should feel like multiple borders
- making the borders fit within a given `border-width` is clunky, and doesn't work well with pixel snapping
- Due to the above, `stripes` is a bit odd because it's specific to border color while the mental model is multiple borders
- Listifying in the way proposed here feels confusing because it's not clear when we are listing the 4 sides vs. listing outwards-going borders.

Given the above, I am thinking that this "multiple border" scenario is actually a bit of a separate border setup of its own, kind of like border-shape and border-image (though does take `border-radius` and `corner-shape` into account).

I wonder if it could look something like this, where it's a `stripes` like listification function, but linked to `border-style` and not to `border-color`:

```css
border-style: border-set(
  /* start with 3px on both sides */
  white 3px,

  /* then a 10px transparent offset (outwards) */
  10px,

  /* 2px green, but only drawn on left+top */
  green 2px left top,

  /* `currentbordercolor` is side-specific, though perhaps custom properties are sufficient? */
  currentbordercolor dotted hairline
);
```

Or without the comments:


```css
border-style: border-set(
  white 3px,
  10px,
  green 2px left top,
  currentbordercolor dotted hairline
);
```





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


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

Received on Tuesday, 23 December 2025 13:44:31 UTC