Wat is het verschil tussen de eigenschappen border en outline in CSS?

border neemt ruimte in het boxmodel van een element in en beïnvloedt de afmetingen ervan. outline wordt bovenop het element getekend, zonder ruimte in te nemen en zonder de afmetingen te beïnvloeden.

border kan verschillende breedtes en stijlen hebben voor elk van de vier zijden (border-top, border-right, border-bottom, border-left). outline wordt toegepast op de hele rand van het element.

border kan worden afgerond met border-radius. outline kan niet worden afgerond.

outline wordt vaak gebruikt om de focus van een element aan te geven (:focus) om de toegankelijkheid te verbeteren.