Смещение внешней границы: outline-offset

outline-offset

Поддержка браузерами
Настольные браузеры Chrome Firefox (Gecko) Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 1.0 1.5 (1.8) не поддерживается 9.5 1.2
Мобильные браузеры Android Firefox Mobile IE Phone Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 2.2 1.0 не поддерживается 12.0 5.1.1
Свойство
outline-offset — это свойство смещает внешнюю границу на заданное расстояние
Описание
Контуры позволяют обозначить границы элемента и, самое главное, они не учитываются при расчете ширины блока.
Наследование
Не наследуется. Это значит что стили применённые к родительскому элементу не передадутся потомкам
Применяется
Ко всем элементам, это значит что применяется и к блочным, и к встроенным, и к табличным и т.д.
Может принимать значения
значение в абсолютных единицах | значение в относительных единицах (em) | inherit
Значение по умолчанию
0
Правила записи
свойство: значение;
Примеры

<p>

У этого абзаца внешняя граница смещена на величину 7px

</p>

<p>

У этого абзаца внешняя граница смещена на величину 1em

</p>

<p>

Это значит что свойство унаследует значение от родителя

</p>

Поделиться