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

Just as a last thought, I've been playing around with multiple background image layers for each `background-clip` and haven't run into any rendering issues. 

It's probably worth pointing out to developers in public documentation that when we use separate `background`, `border` and text properties the browsers takes care of the layer order, but when hacking `background-image` layers to create borders and text like this devs need to make sure we place the images in the correct order ourselves.

It's also worth pointing out that even though these backgrounds might now _look_ like borders or text they are still in fact backgrounds on the background layer. For example background-clipped text will not take `text-shadow` the way you might expect it to. The `text-shadow` applies to the transparent text on the text layer and will appear above the clipped background layer text.

Please correct me if I'm wrong but this all seems to come down to the fact that these are provided as temporary hacky solutions to problems while we wait for more complicated official properties like `image-fill` from the stroke-fill module and what ever ultimately replaces `border-image`.

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


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

Received on Thursday, 12 September 2024 12:58:08 UTC