③ Узор внешнего контура: свойство outline-style

Продолжим изучение темы CSS3 - UI. Если пропустили прошлые статьи, то вот ссылки на них:

Свойство outline-style принимает те же значения, что и border-style, за исключением значения hidden.

Свойство не наследуется.

outline-style

Значения:

auto - Значение позволяет браузеру отображать стиль контура по умолчанию или более богатым стилем, например контуром с закругленными краями с полупрозрачными внешними пикселями, который кажется светящимся. Также, браузеры могут рассматривать это значение как solid.
none - Отсутствие внешнего контура. Значение по умолчанию.
dotted - ↓

dashed - ↓

solid - ↓

double - ↓

groove - ↓

ridge - ↓

inset - ↓

outset - ↓

inherit - Наследует значение свойства от родительского элемента.
initial - Устанавливает значение свойства в значение по умолчанию.

Синтаксис

CSS

outline-style: auto;
outline-style: none;
outline-style: dotted;
outline-style: dashed;
outline-style: solid;
outline-style: double;
outline-style: groove;
outline-style: ridge;
outline-style: inset;
outline-style: outset;
outline-style: inherit;
outline-style: initial;

Продолжение в следующей статье!