Свойство outline в современных браузерах задаёт дополнительную рамку вокруг элемента за пределами его CSS-блока. 1 В отличие от рамки border, outline не занимает места и не меняет размер элемента. 1
Некоторые особенности работы свойства outline:
- Так как outline находится за границами элемента, outline-рамки соседей могут перекрывать друг друга. 1
- Все современные браузеры также поддерживают свойство outline-offset, задающее отступ outline от внешней границы элемента. 1
- В актуальных версиях браузеров обводка подстраивается под форму обводимого элемента. 2
- Если задать обводку для многострочного текста, то каждая строка будет обведена своим прямоугольником. 2
Свойство outline часто используют для визуального указания фокуса на интерактивных элементах, улучшая доступность. 4