You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Multiple borders would be a Pandora's box because borders contribute to the box model, but outlines don't, so I can't think of a reason why it's not possible to set multiple outlines per element, like we can with background and box-shadow. 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.
The text was updated successfully, but these errors were encountered:
Backgrounds and shadows are well-defined, outlines aren't:
This specification does not define the exact position or shape of the outline
This specification does not define how multiple overlapping outlines are drawn or how outlines are drawn for boxes that are partially obscured behind other elements.
In fact outline-style: auto is entirely left up to the UA.
I'm afraid that with multiple outlines an author may expect a certain visual composition, but in other browsers it will be utterly broken.
Then I amend my proposal to first define the exact position and shape of the outline, as well as how multiple overlapping outlines are drawn, and then allow multiple outlines per element. 😁
Multiple borders would be a Pandora's box because borders contribute to the box model, but outlines don't, so I can't think of a reason why it's not possible to set multiple outlines per element, like we can with background and box-shadow. 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.
The text was updated successfully, but these errors were encountered: