resumeНакратко
Контурът може да подчертае елемент без промяна в подредбата.
Полезно е да знаеш
outline рисува контур извън рамката и не заема място в оформлението. border участва в размерите на кутията според избрания box-sizing. Това прави outline удобен за видимо състояние на фокус без разместване на съседите. [1]
Пример: button:focus { outline: 3px solid navy; outline-offset: 3px; }. Отстоянието отделя контура от бутона. Не премахвай стандартния фокус само заради външния вид, без видим заместител. Провери също дали контейнер с изрязване не скрива част от очертанието.
Източници
За повече подробности и проверка на информацията: