Определяет цвет контура. Контур отображается за рамкой и поверх элемента и никак не влияет на его размер или позицию. Контур используется, чтобы "выделить" элемент.
Внимание: Следует всегда определять свойство outline-style перед свойством outline-color. Элемент должен иметь контур, прежде чем менять его цвет.
CSS синтаксис
outline-color: цвет | invert | initial | inherit;
Возможные значения
| Значение | Описание |
|---|---|
| цвет | Устанавливает цвет контура (см. Как использовать цвета). |
| invert | Значение по умолчанию. Устанавливает инвертирование цвета контура. Это гарантирует, что контур будет видим независимо от фонового цвета. |
| inherit | Значение наследуется от родительского элемента. |
| initial | Устанавливает значение по умолчанию. |
Пример использования
Устанавливаем цвет контура элемента <p>
p {
outline-style: dotted;
outline-color: #00ff00;
}