CSS-свойство outline-color устанавливает цвет контура элемента. Однако во многих случаях краткое свойство outline удобнее для использования.
| Значение по умолчанию: | invert |
| Применяется к: | Все элементы |
| Наследование: | Нет |
| Анимирование: | Да. Анимируемые свойства |
| Версия: | CSS 2, 3 |
Синтаксис
Синтаксически свойства задаются по следующему шаблону:
outline-color: color | invert | initial | inheritПримеры написания кода свойства outline-color:
p {
outline-style: solid;
outline-color: #ff0000;
}Вы должны объявить свойство outline-style перед свойством outline-color. Элемент должен иметь контуры, прежде чем вы сможете установить им цвет, поскольку по умолчанию для свойства outline-style установлено значение none.
Значения свойств
В следующей таблице описаны значения этого свойства.
| Значение | Описание |
|---|---|
| color | Определяет цвет контура. Список возможных форматов цвета см. в руководстве по CSS Color. |
invert |
Выполняет инверсию цвета, чтобы обеспечить четкость контура независимо от цвета фона. Это значение по умолчанию. |
initial |
Устанавливает это свойство в значение по умолчанию. |
inherit |
Если указан, связанный элемент принимает вычисленное значение своего родительского элемента outline-color. |
Поддержка браузеров
Свойство outline-color поддерживается во всех основных браузерах.
Internet Explorer 7 и более ранние версии не поддерживают свойство outline-color. IE8, однако, поддерживает это свойство, но требует допустимого <!DOCTYPE>.
