CSS'te border ve outline özellikleri arasındaki fark nedir?

border, bir öğenin kutu modelinde yer kaplar ve boyutlarını etkiler. outline, öğenin üzerinde çizilir, yer kaplamaz ve boyutlarını etkilemez.

border, dört kenar için farklı genişlikler ve stiller alabilir (border-top, border-right, border-bottom, border-left). outline, tüm öğenin sınırına uygulanır.

border, border-radius kullanılarak yuvarlatılabilir. outline yuvarlatılamaz.

outline, genellikle öğenin odak durumunu göstermek için (:focus) kullanılır ve erişilebilirliği artırmaya yöneliktir.