Стиль внешней границы: outline-style

outline-style

Поддержка браузерами
Настольные браузеры 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-style — это свойство задает стиль внешней границы
Описание
Контуры позволяют обозначить границы элемента и, самое главное, они не учитываются при расчете ширины блока
Наследование
Не наследуется. Это значит что стили применённые к родительскому элементу не передадутся потомкам
Применяется
Ко всем элементам, это значит что применяется и к блочным, и к встроенным, и к табличным и т.д.
Может принимать значения
none | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit
Значение по умолчанию
none
Правила записи
свойство: значение;
Примеры

<p>

Этот абзац имеет стиль внешних границ dashed

</p>

<p>

Этот абзац имеет стиль внешних границ solid

</p>

<p>

Этот абзац имеет стиль внешних границ dotted

</p>

<p>

Этот абзац имеет стиль внешних границ double

</p>

<p>

Этот абзац имеет стиль внешних границ groove

</p>

<p>

Этот абзац имеет стиль внешних границ ridge

</p>

<p>

Этот абзац имеет стиль внешних границ inset

</p>

<p>

Этот абзац имеет стиль внешних границ dotted

</p>

<p>

Этот абзац имеет стиль внешних границ solid

</p>

<p>

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

</p>

Поделиться