CSS свойство outline-offset

определение и использование

атрибут outline-offset смещает контур и рисует его по краю рамки.

контур отличается от рамки в двух отношениях:

  • контур не занимает места
  • контур может быть нерезким

еще см.:

учебник CSS:Интерфейс пользователя CSS

руководство по HTML DOM:атрибут outlineOffset

пример

определяет контур на расстоянии 15 пикселей за краем рамки:

div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}

попробуйте сами

CSS синтаксис

outline-offset: length|inherit;

значение атрибута

значение описание
length расстояние от контура до края рамки.
inherit определяет, что значение атрибута outline-offset должно наследоваться от родительского элемента.

технические детали

по умолчанию: 0
наследование: нет
версия: CSS3
JavaScript синтаксис: object.style.outlineOffset="15px"

поддержка браузера

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

Chrome IE / Edge Firefox Safari Opera
4.0 15.0 3.5 3.1 10.5