CSS свойство outline-offset

Устанавливает расстояние между контуром, созданным с помощью свойства outline, и краем или рамкой элемента добавленной через свойство border.

CSS синтаксис

outline-offset: расстояние | initial | inherit;

Возможные значения

ЗначениеОписание
расстояниеЗадает величину отступа контура от элемента. Отрицательное значение отображает контур внутри элемента, положительное - вокруг элемента. Значение по умолчанию 0.
inheritЗначение наследуется от родительского элемента.
initialУстанавливает значение по умолчанию.

Пример использования

Устанавливаем, чтобы контур отстоял от элемента на 15px


div {
     border: 2px solid black;
     outline: 2px solid red;
     outline-offset: 15px;
}