Care este diferența dintre proprietățile border și outline în CSS?

border ocupă spațiu în modelul de cutie al unui element și influențează dimensiunile sale. outline este desenat peste element, fără a ocupa spațiu și fără a influența dimensiunile sale.

border poate avea lățimi și stiluri diferite pentru fiecare dintre cele patru părți (border-top, border-right, border-bottom, border-left). outline se aplică întregii margini a elementului.

border poate fi rotunjit folosind border-radius. outline nu poate fi rotunjit.

outline este adesea folosit pentru a indica focalizarea unui element (:focus) pentru a îmbunătăți accesibilitatea.