⑤ Смещение внешнего контура: свойство outline-offset

Продолжим изучение темы CSS3 - UI. Если пропустили прошлые статьи, то вот ссылки на них:

По умолчанию контур рисуется начиная с края рамки элемента. Свойство outline-offset позволяет сместить контур от края границы на указанную величину.

Свойство не наследуется.

outline-offset

Значения:

длина - Задаёт расстояние с помощью единиц длины — px / em. Отрицательное значение отображает рамку внутри элемента, положительное — снаружи элемента. Значение по умолчанию 0.
inherit - Наследует значение этого свойства от родительского элемента.
initial - Устанавливает это свойство в значение по умолчанию.

Синтаксис

CSS

outline-offset: 3px;
outline-offset: 0.2em;
outline-offset: inherit;
outline-offset: initial;

Продолжение в следующей статье!