[csswg-drafts] [css-backgrounds] a 5x5 `border-image-slice` option (#8883)

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

== [css-backgrounds] a 5x5 `border-image-slice` option ==
https://drafts.csswg.org/css-backgrounds/#border-image-slice

An option for a 5x5 `border-image-slice` to be used with `border-images-sources` that included centered design elements on their edges.

-----------------------------------------------

some example designs:

https://www.zelda.com/tears-of-the-kingdom/

![image](https://github.com/w3c/csswg-drafts/assets/1286791/461652f0-8104-4dfe-a5f2-7b261f6e92e4)

-------------------------------------------------------------------------------------------

https://ffvii-remake-intergrade.square-enix-games.com/en-us/


![image](https://github.com/w3c/csswg-drafts/assets/1286791/dc51bc7c-d510-4838-a666-3c10de29a76e)

Currently done with a bunch of presentational divs. This one seems even more like it would really need the 5x5 slice. or 3x3 for just the corners and the solid line plus a single ::after for the centered diamond.

-----------------------------------------------------------------------------------------

![image](https://github.com/w3c/csswg-drafts/assets/1286791/2f53f7d2-3ef5-4855-9556-4ba6b61c8d23)





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


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

Received on Monday, 29 May 2023 21:47:01 UTC