Метод использования и пример свойства outline-offset CSS3

Свойство outline-offset CSS используется для установки пространства между контуром и рамкой или краем элемента. Имеет в виду пространство между контуром и рамкой или краем элемента.

Таблица ниже содержит описание использования и историю версий этого свойства, а также его использование в скриптах JavaScript.

Грамматика использования outline-offset

Грамматика этого свойства такая:

outline-offset:　length　|　initial　|　inherit

Ниже приведен пример того, как использовать свойство outline-offset.

p　{
　　　　border:　2px　solid　red;
　　　　outline:　2px　solid　green;
　　　　outline-offset:　10px;
}

Значения свойств

Таблица ниже описывает значения этого свойства.

Совместимость браузеров

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

Дополнительное чтение

Пожалуйста, обратитесь к следующим учебникам:CSS контур,CSS рамка.

Связанные свойства:outline,outline-width,outline-style,outline-color.