Ποια είναι η διαφορά μεταξύ των ιδιοτήτων border και outline στο CSS;

Το border καταλαμβάνει χώρο στο μοντέλο μπλοκ ενός στοιχείου και επηρεάζει τις διαστάσεις του. Το outline σχεδιάζεται πάνω από το στοιχείο, χωρίς να καταλαμβάνει χώρο και χωρίς να επηρεάζει τις διαστάσεις του.

Το border μπορεί να έχει διαφορελά πλάτη και στυλ για κάθε μία από τις τέσσερις πλευρές (border-top, border-right, border-bottom, border-left). Το outline εφαρμόζεται σε ολόκληρο το περίγραμμα του στοιχείου.

Το border μπορεί να στρογγυλοποιηθεί με border-radius. Το outline δεν μπορεί να στρογγυλοποιηθεί.

Το outline χρησιμοποιείται συχνά για να υποδείξει το εστίαση ενός στοιχείου (:focus) με σκοπό τη βελτίωση της προσβασιμότητας.