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

Was poking around with a checkerboard patterned border as a clipped/masked background. Easy enough to get the pattern to line up correctly on the left and top borders but much harder for the right and bottom. 

Note that in this case each corner has a transparent square from the pattern. This would be the same if wanting a white square in each corner.  

Maybe I'm missing something. Feels like it should be more straight forward than this.

```css
  background-image: repeating-conic-gradient(rgb(255 255 255/.5) 0 25%, #0000 25% 50%);
  background-size: calc(100% * (2/3) / 11) calc(100% * (2/3) / 11);
  background-origin: border-box;
```

https://codepen.io/jsnkuhn/pen/jORmpNQ?editors=1100

![image](https://github.com/w3c/csswg-drafts/assets/1286791/658ac34b-15a5-4adf-92c3-0c261ba57fb1)

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


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

Received on Monday, 3 June 2024 18:42:08 UTC