Ширина внешней границы: outline-width

outline-width

Поддержка браузерами
Настольные браузеры Chrome Firefox (Gecko) Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 1.0 1.5 (1.8) 8.0 7.0 1.2
Мобильные браузеры Android Firefox Mobile IE Phone Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 2.2 1.0 7.0 12.0 5.1.1
Свойство
outline-width — это свойство задает ширину внешней границы
Описание
Контуры позволяют обозначить границы элемента и, самое главное, они не учитываются при расчете ширины блока

Без свойства outline-style свойство ouline-width работать не будет!

Наследование
Не наследуется. Это значит что стили применённые к родительскому элементу не передадутся потомкам
Применяется
Ко всем элементам, это значит что применяется и к блочным, и к встроенным, и к табличным и т.д.
Может принимать значения
значение длины в абсолютных единицах | значение длины в относительных единицах (em) | thin | medium | thick | inherit
Значение по умолчанию
medium — для каждого значения
Правила записи
свойство: значение;
Примеры

<p>

У этого абзаца ширина внешних границ 5px

</p>

<p>

Этот абзац имеет ширину внешних границ 2em

</p>

<p>

Этот абзац имеет ширину внешних границ 10px

</p>

<p>

Этот абзац имеет ширину внешних границ thick

</p>

<p>

Этот абзац имеет ширину внешних границ medium

</p>

<p>

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

</p>

Поделиться