Как работает свойство outline в сочетании с другими стилями браузера?

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

Некоторые особенности работы свойства outline в сочетании с другими стилями браузера:

• Сочетание с border. doka.guide При помощи сочетания border и outline можно создать множественную рамку вокруг элемента. doka.guide
• Использование с outline-offset. doka.guide learn.javascript.ru Это свойство позволяет регулировать отступ между границей и самим элементом. sky.pro
• Использование для стилей :hover. learn.javascript.ru Outline не занимает места в блоке, поэтому его часто применяют для таких стилей, когда нужно выделить элемент, но чтобы при этом не менялась вёрстка страницы. learn.javascript.ru
• Работа с многострочным текстом. developer.mozilla.org Некоторые браузеры отображают отдельную обводку для каждой строки, в то время как другие ограничиваются только одной обводкой для всего текста. developer.mozilla.org
• Удаление стандартной обводки. developer.mozilla.org Установка значения 0 или none для outline удаляет стандартную браузерную обводку, появляющуюся при фокусе на элемент. developer.mozilla.org