Mi a különbség a border és az outline tulajdonságok között a CSS-ben?

A border helyet foglal el az elem blokkmodelljében, és befolyásolja annak méreteit. A outline az elem fölött rajzolódik, nem foglal helyet, és nem befolyásolja a méreteket.

A border különböző szélességekkel és stílusokkal rendelkezhet mind a négy oldalánál (border-top, border-right, border-bottom, border-left). Az outline az egész elem határára alkalmazható.

A border a border-radius segítségével lekerekíthető. Az outline nem lekerekíthető.

Az outline gyakran használatos az elem fókuszának jelölésére (:focus) a hozzáférhetőség javítása érdekében.