Re: [css-background-4] Improvements to border-image

Hi Meredith,

We don’t use this list for technical discussion any more (and haven't for several years). Could you please open an issue here [1] and prepend the subject with "[css-background]"?
Also, please avoid titles like "Improvements to ..." and instead try to summarize what improvements you are actually proposing.

Looking forward to your issue, as there's certainly a lot of room for improvement around border-image!

Cheers,
Lea

[1]: https://github.com/w3c/csswg-drafts/issues

--
Lea Verou
👩🏽 (she/her)

Web standards (W3C TAG, CSS WG), Usability research (MIT CSAIL), Open Source

🔗 https://lea.verou.me
🐦 @leaverou





> On May 5, 2023, at 08:03, Meredith Espinosa <goclonefilms@gmail.com> wrote:
> 
> The current state of border-image is...less than stellar. There are two main problems I've run into:
> 
> 1. Unlike background-image, border image sources cannot be layered.
> 2. Border images are fully unaffected by border-style and border-radius.
> 
> The former is a simple parity issue - the value of border-image-source could be converted from none | <image> to <bg-image>#  without breaking existing CSS, and the other border-image properties could be made to support groups as well.
> 
> While the latter makes a lot of sense for using a sliced image, this becomes an issue if you want to use a gradient as a border - as <gradient> is a subtype of <image>, this results in gradient borders being unable to use the features you'd use with a solid-colored or hidden border. While there are workarounds, they're not pretty - take for example this post from blep on cohost: https://cohost.org/blep/post/1445650-gui-design-thin
> 
> I'm not quite sure of an optimal solution for this, as changing it would inherently change the visual presentation of any websites that use the current behavior. However, I feel it's still important to consider, as design trends like neumorphism are starting to bring back gradients in ways where having a gradient border with a radius would be desirable.
> 
> I'm new to spec proposals, so please don't hesitate to let me know if I've missed anything! Thank you for your time!
> 
> Regards,
> -Meredith
> 
> 
> 
>