Каква е разликата между свойствата border и outline в CSS?

border заема място в блоковия модел на елемента и влияе на неговите размери. outline се рисува върху елемента, без да заема място и без да влияе на неговите размери.

border може да има различни ширини и стилове за всяка от четирите страни (border-top, border-right, border-bottom, border-left). outline се прилага върху цялата граница на елемента.

border може да бъде заоблен с помощта на border-radius. outline не може да бъде заоблен.

outline често се използва за обозначаване на фокус на елемента (:focus) с цел подобряване на достъпността.