④ Цвет внешнего контура: свойство outline-color

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

Свойство outline-color позволяет установить цвет внешнего контура с помощью значений цвета и ключевого свойства invert.

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

outline-color

Значения:

invert - Значение выполнит инверсию цвета пикселей на экране. Это обеспечивает видимость границы фокуса независимо от цвета фона. Цвет линии (обычно черный) устанавливается автоматически, создавая контраст с основным содержимым. Если браузер не поддерживает данное значение, тогда значением свойства будет ключевое слово currentColor. Значение по умолчанию.
цвет - Значение принимает все форматы цвета свойства color - ① Приоритетные цвета: свойство color.
inherit - Наследует значение свойства от родительского элемента.
initial - Устанавливает значение свойства в значение по умолчанию.

Синтаксис

CSS

outline-color: #f92525;
outline-color: rgb(30,222,121);
outline-color: blue;
outline-color: invert;
outline-color: inherit;
outline-color: initial;

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