Re: [csswg-drafts] [css-ui] Proposal: allow multiple outlines per element (#10343)

> Since we can’t use the outline property to provide two outlines of different colors

@nchevobbe This could be addressed by allowing [`<image-1D>`](https://drafts.csswg.org/css-images-4/#typedef-image-1d) in `outline-color`, like for `border-color`: https://drafts.csswg.org/css-borders-4/#border-color

For example, `outline: 6px solid stripes(black, white)`. IMO this seems more doable than multiple outlines (once browsers implement it `<image-1D>` in borders, which AFAIK hasn't happened yet).

> A use case would be a focus ring made of two outlines: a thin (1px), fully opaque inner one, and a thicker, translucent outer one

@benface Likewise, this could be `outline: 6px solid stripes(black 1px, rgba(255, 255, 255, 0.5))`

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


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

Received on Sunday, 1 September 2024 19:10:39 UTC