Qual è la differenza tra le proprietà border e outline in CSS?

border occupa spazio nel modello a blocchi di un elemento e influisce sulle sue dimensioni. outline viene disegnato sopra l'elemento, senza occupare spazio e senza influenzare le sue dimensioni.

border può avere larghezze e stili diversi per ciascuno dei quattro lati (border-top, border-right, border-bottom, border-left). outline si applica all'intero bordo dell'elemento.

border può essere arrotondato usando border-radius. outline non può essere arrotondato.

outline viene spesso usato per indicare il focus di un elemento (:focus) al fine di migliorare l'accessibilità.