CSS свойство outline-color

Определяет цвет контура. Контур отображается за рамкой и поверх элемента и никак не влияет на его размер или позицию. Контур используется, чтобы "выделить" элемент.

Внимание: Следует всегда определять свойство outline-style перед свойством outline-color. Элемент должен иметь контур, прежде чем менять его цвет.

CSS синтаксис

outline-color: цвет | invert | initial | inherit;

Возможные значения

ЗначениеОписание
цветУстанавливает цвет контура (см. Как использовать цвета).
invertЗначение по умолчанию. Устанавливает инвертирование цвета контура. Это гарантирует, что контур будет видим независимо от фонового цвета.
inheritЗначение наследуется от родительского элемента.
initialУстанавливает значение по умолчанию.

Пример использования

Устанавливаем цвет контура элемента <p>


p {
     outline-style: dotted;
     outline-color: #00ff00;
}