Чем отличается outline от обычного border в веб-дизайне?

Основные отличия outline от border в веб-дизайне:

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