③ Узор внешнего контура: свойство 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;

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