Смещение контура CSS

outline-offset Свойство добавляет пространство между контуром элемента и его рамкой. Пространство между элементом и его контуром прозрачное.

Ниже приведен пример,指定ирующий контур 25px за границами рамки:

Этот абзац имеет контур 25px за границами рамки.

p {
  margin: 50px;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 25px;
}

Ниже приведен пример, показывающий, что пространство между элементом и его контуром прозрачное:

Этот абзац имеет контур 25px за границами рамки.

p {
  margin: 30px;
  background: yellow;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 25px;
}

Все свойства обводки CSS

Свойство	Описание
outline	Краткое свойство, устанавливающее outline-width, outline-style и outline-color в одном заявлении.
outline-color	Установить цвет обводки.
outline-offset	Указать расстояние между обводкой и краем или рамкой элемента.
outline-style	Установить стиль обводки.
outline-width	Установить ширину обводки.