Borders, border-radius, outline and box-shadow: Edges, Shadows and the Focus Ring
You show a selected or hover state with color, an inset box-shadow or an outline instead of a thicker border, and you draw the focus ring with :focus-visible and outline, because box-shadow disappears in forced colors mode. On Bookstore's checkout and catalog we measure a border pushing content, the border shorthand wiping border-image, 50% versus 9999px pills, border-image ignoring border-radius, and a shadow vanishing in forced colors.
15 Nov 2026
·
13 min
·
11
