Kevin Powell - CommunityKP-C
Kevin Powell - Community3y ago
15 replies
Mike

outline border-radius

Hey folks! I just watched Kevin's video about outlines and borders (https://www.youtube.com/watch?v=xx_pJ2ouGnc&t=246s) and was surprised about the section about how outlines don't respect the border-radius of the element. I seem to remember that was a limitation and the video is from 2 years ago, so perhaps (at least chrome) has added support for outlines in the meantime to respect the given border-radius because it works now.

I wasn't sure how to look up the browser support for this though. Caniuse.com doesn't have anything specific to this. The MDN outline page (https://developer.mozilla.org/en-US/docs/Web/CSS/outline) mentions that border-radius should work, but doesn't mention anything about browser support.

Does anyone have any insight about using outline in conjunction with border-radius and the browser support for it?
Was this page helpful?