Re: [csswg-drafts] [css-borders][css-images] Properly address border image use cases, and kill `border-image` with fire (#9714)

> Take a specially designed predefined image and attach it to the box the way that serves the artistic intent the best;
> Take an existing border and fill it with the given graphical pattern, aligning this pattern with the border geometry where needed.

I think this is a pretty fair characterization. Here is an example that I mocked up in 2009 during the drafting of Backgrounds and Borders 3, which would fall into your "image first" category:

http://www.bradclicks.com/cssplay/border-image/Alladins_Lamp_2.png

Here is another example of how border-image and border-radius could complement each other, if WebKit behaved reasonably (there was no Blink back then):

http://www.bradclicks.com/cssplay/BorderImageAndRadius.html

Some other samples of things where border-image and border-radius could be used together for good effect:

http://www.bradclicks.com/cssplay/border-image/borders.png

http://www.bradclicks.com/cssplay/bones_border/bones-border.png

These wouldn't be possible if border-radius clipped the border image. In fact, I don't see how it could, unless it clipped everything outside the border-box. 


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


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

Received on Friday, 26 January 2024 23:45:31 UTC