Jaký je rozdíl mezi vlastnostmi border a outline v CSS?

border zaujímá místo v blokovém modelu prvku a ovlivňuje jeho rozměry. outline je nakreslen nad prvkem, nezabírá místo a neovlivňuje jeho rozměry.

border může mít různé šířky a styly pro každou ze čtyř stran (border-top, border-right, border-bottom, border-left). outline se aplikuje na celý okraj prvku jako celek.

border může být zaoblený pomocí border-radius. outline nelze zaoblit.

outline se často používá k označení fokusu prvku (:focus) za účelem zlepšení přístupnosti.