Re: [csswg-drafts] [css-backgrounds] background-clip: border-area (#9456)

Recreated as best as possible an example from above: https://github.com/w3c/csswg-drafts/issues/9456#issuecomment-2284111097 Not going to be perfect without `corner-shape: angle;` but the general idea is there.

https://codepen.io/jsnkuhn/pen/OJeoapM

![image](https://github.com/user-attachments/assets/13e8f3d7-cd47-4317-9393-64198db5dbfe)

Am I understanding this right? To get the `background-color` to show up as expected on an element with a `background-image` being used as a `border-area` we need to add an extra `background-image` with the value of `none` like this?:

```css
background-image: linear-gradient(), none;
background-clip: border-area, border-box;
```

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


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

Received on Sunday, 1 September 2024 16:19:41 UTC