outline-offset

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

        
          
          div {  outline: 3px dotted #333;  outline-offset: -5px;}
          div {
  outline: 3px dotted #333;
  outline-offset: -5px;
}

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

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

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

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