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