Как работает свойство outline в современных браузерах?

Свойство outline в современных браузерах задаёт дополнительную рамку вокруг элемента за пределами его CSS-блока. learn.javascript.ru В отличие от рамки border, outline не занимает места и не меняет размер элемента. learn.javascript.ru

Некоторые особенности работы свойства outline:

• Так как outline находится за границами элемента, outline-рамки соседей могут перекрывать друг друга. learn.javascript.ru
• Все современные браузеры также поддерживают свойство outline-offset, задающее отступ outline от внешней границы элемента. learn.javascript.ru
• В актуальных версиях браузеров обводка подстраивается под форму обводимого элемента. doka.guide
• Если задать обводку для многострочного текста, то каждая строка будет обведена своим прямоугольником. doka.guide

Свойство outline часто используют для визуального указания фокуса на интерактивных элементах, улучшая доступность. www.geeksforgeeks.org