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>.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.