Aký je rozdiel medzi vlastnosťami border a outline v CSS?

border zaberá miesto v blokovom modeli prvku a ovplyvňuje jeho rozmery. outline sa kreslí nad prvkom, nezaberá miesto a neovplyvňuje jeho rozmery.

border môže mať rôzne šírky a štýly pre každú zo štyroch strán (border-top, border-right, border-bottom, border-left). outline sa aplikuje na celý okraj prvku ako celok.

border môže byť zaoblený pomocou border-radius. outline nemôže byť zaoblený.

outline sa často používa na označenie fokusu prvku (:focus) s cieľom zlepšiť prístupnosť.