outline-offset

Время чтения: меньше 5 мин

Кратко

Секция статьи "Кратко"

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

Пример

Секция статьи "Пример"
        
          
          div {  outline: 3px dotted #333;  outline-offset: -5px;}
          div {
  outline: 3px dotted #333;
  outline-offset: -5px;
}

        
        
          
        
      

Как пишется

Секция статьи "Как пишется"

В качестве значения можно указать положительное или отрицательное число в любых доступных единицах измерения. Если значение отрицательное, то обводка будет отображаться внутри элемента.

Если свойство outline-offset не прописано или ему задано значение 0, то обводка будет располагаться вплотную к рамке (свойство border) или границе элемента.

Подсказки

Секция статьи "Подсказки"

💡 Расстояние между границей элемента или его рамкой и обводкой прозрачное. Нет возможности его закрасить.