Jaka jest różnica między właściwościami border i outline w CSS?

border zajmuje miejsce w modelu blokowym elementu i wpływa na jego rozmiary. outline jest rysowany na powierzchni elementu, nie zajmując miejsca i nie wpływając na jego rozmiary.

border może mieć różne szerokości i style dla każdej z czterech stron (border-top, border-right, border-bottom, border-left). outline jest stosowany do całej granicy elementu jako całości.

border można zaokrąglić za pomocą border-radius. outline nie można zaokrąglić.

outline jest często używany do oznaczania fokusu elementu (:focus) w celu poprawy dostępności.