Advanced borders on the web

Borders are one of the few things on the web that contribute to an element’s size, unless the element has explicit dimensions set.

This lesson covers how to set CSS border radius properties, border styles, border colors — and expands into animations, overflow, and even more advanced CSS properties like object-fit, which can be used to achieve perfectly circular, consistent image elements.

We'll also cover CSS border styles that involve different border colors on the same element, including animated transitions on beveled edges.