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) или границе элемента.

Подсказки

Скопировано

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