Quelle est la différence entre les propriétés border et outline en CSS?

border occupe de l'espace dans le modèle de boîte d'un élément et influence ses dimensions. outline est tracé au-dessus de l'élément, sans occuper d'espace ni influencer ses dimensions.

border peut avoir différentes largeurs et styles pour chacun des quatre côtés (border-top, border-right, border-bottom, border-left). outline s'applique à toute la bordure de l'élément dans son ensemble.

border peut être arrondi avec border-radius. outline ne peut pas être arrondi.

outline est souvent utilisé pour indiquer le focus d'un élément (:focus) afin d'améliorer l'accessibilité.