Outlines

There’s a reason Apple, Wikipedia, and MDN use CSS outline on their production sites (with an exception for Apple’s rounded buttons). Without altering the size of an element, outlines creates a border-like shape outside an element’s boundaries and overrides the default focus outline behavior across all browsers.

Download the project featured in this lesson