Re: [csswg-drafts] [css-backgrounds] possible examples/diagrams for `border-image` (#7608)

one of the main responses people give when I bring up `corner-shape` is "we don't need it because that is one of the primary use cases for `border-image`". So... seems like we should have some examples of that primary use case in the `border-image` spec.

https://codepen.io/jsnkuhn/pen/eYMQmoe?editors=0100

The filled shapes on the left side are pretty well usable at different corner sizes (as determined by `border-image-width`) and element sizes but the bordered examples aren't as adaptable. At different `border-image-width` values and element sizes the borders get stretched and squished. Maybe someone who's better with SVG might have an idea to deal with this? 

These are good use case examples for the `border-image-slice` `fill` keyword.

![image](https://user-images.githubusercontent.com/1286791/185622845-9bc554f9-01a5-470c-9177-6f9731062e4c.png)

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


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

Received on Friday, 19 August 2022 13:07:18 UTC