Чем отличается border от outline в CSS?

Основные отличия свойств border и outline в CSS:

1. Влияние на макет. www.demo2s.com Border является частью блочной модели элемента и напрямую влияет на макет. www.demo2s.com Изменение толщины border влияет и на размеры самого элемента. vk.com Outline не влияет на расположение и размеры элементов в вёрстке. vk.com
2. Возможности стилизации. vk.com Border является составным (обобщающим) свойством, то есть представляет собой короткую запись для свойств border-top, border-left и других. vk.com Outline нельзя задать индивидуальным для каждой из четырёх сторон. vk.com
3. Семантика. vk.com Border обычно используется для создания постоянной видимой границы элемента, в то время как outline используется для выделения элемента без влияния на вёрстку с целью повышения доступности. vk.com