Свойство outline-offset

Задает отступ между обводкой outline и элементом

outline-offset: 5px;
  • поддерживается начиная с
  • частичная поддержка до
  • не поддерживается

Значения

outline-offset: 5px;

Возможные единицы: px, em, rem, vh, vw

<style>
.example-1 {
    width: 150px;
    height: 150px;
    background: #efefef;
    outline: 2px solid #6376ff;
    outline-offset: 5px;
}
</style>

<div class="example-1"></div>
outline-offset: -10px;

Можно задавать отрицательные значения

<style>
.example-2 {
    width: 150px;
    height: 150px;
    background: #efefef;
    outline: 2px solid #6376ff;
    outline-offset: -10px;
}
</style>

<div class="example-2"></div>

Читайте также

Обсуждение (0)

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