Blog

Border, border-radius, outline ve box-shadow: Kenarlar, Gölgeler ve Focus Halkası

Seçili ya da hover durumunu kenarlık kalınlığıyla değil renk, inset box-shadow veya outline ile gösterirsin; focus halkasını :focus-visible ve outline ile çizersin, çünkü box-shadow forced colors modunda kaybolur. Bookstore'un checkout ve kataloğunda kenarlığın içeriği kaydırmasını, border shorthand'inin border-image'ı silmesini, 50% ile 9999px pill farkını, border-radius'u takip etmeyen border-image'ı ve forced colors'da kaybolan gölgeyi ölçüyoruz.