CSS свойство outline-color, поддержка в браузерах, примеры использования // Вебшкола онлайн

weblabla.ru
28 Окт 2021, 11:50

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

}

Описание и использование

Свойство CSS outline задает стиль рамки (outline), которая находится за пределами границ элемента и предназначена для выделения элемента.

Свойство outline-color задает цвет внешней границы.

Заметка: Всегда задавайте свойство outline-style перед настройкой outline-color. У элемента должна быть видимая внешняя граница, чтобы можно было изменить ее цвет.

Значение по умолчанию	invert
Наследование	нет
Версия CSS	CSS 2
Синтаксис JavaScript	object.style.outlineColor=»#00FF00″

Поддержка в браузерах

chrome-6932684 firefox-6790685 ie-7884797 opera-2247662 safari-3162731
Свойство outline-color поддерживается всеми основными браузерами.

Заметка: свойство outline-color работает верно в Internet Explorer 8 (и выше), только если указан Doctype.

Возможные значения свойства outline-color

Значение	Описание
название_цвета	Название цвета, например, red (красный)
десятичный код цвета	Десятичный код цвета, например, #ff0000 (не забываем вставить символ решетки перед кодом)
код цвета rgb	Код RGB например,(255,0,0)
invert	Инвертированный (противоположный) цвет фона. Это гарантирует максимальную видимость внешней границы. Значение по умолчанию
inherit	Родительский, это означает, что значение наследуется от родительского элемента