Was ist der Unterschied zwischen den Eigenschaften border und outline in CSS?

border nimmt im Box-Modell eines Elements Platz ein und beeinflusst seine Maße. outline wird über dem Element gezeichnet, ohne Platz zu beanspruchen oder seine Maße zu beeinflussen.

border kann unterschiedliche Breiten und Stile für jede der vier Seiten haben (border-top, border-right, border-bottom, border-left). outline wird auf den gesamten Rand des Elements angewendet.

border kann mit border-radius abgerundet werden. outline kann nicht abgerundet werden.

outline wird häufig verwendet, um den Fokus eines Elements (:focus) anzuzeigen, um die Zugänglichkeit zu verbessern.