outline-color

Обновлено: 27.05.2022

outline-color

Указывает цвет внешней границы элемента. В отличие от линии, задаваемой через border, линия через свойство outline отображается вокруг элемента, не влияя на ширину блока или его положение.

Краткая информация

Значение по умолчанию invert
Наследуется Нет
Применяется Ко всем элементам
Анимируется Да

Синтаксис

outline-color: invert | <цвет>

Значения

invert Автоматически задаёт цвет линии, исходя из фона под ней для достижения максимального контраста. Браузеру разрешается игнорировать значение invert и вместо него использовать цвет линии, заданный свойством color.
<цвет> Задаёт цвет линии в любом допустимом для CSS формате.

Пример

Результат примера показан на рис. 1.

Рис. 1. Использование свойства outline-color

Объектная модель

Объект.style.outlineColor

Браузеры

outline-color

Посмотреть совместимость на Can I use?

outline-color