outline-color

Оновлено: 11.01.2023

outline-color

Вказує колір зовнішньої межі елемента. На відміну від лінії, що задається через border, лінія через властивість outline відображається навколо елемента, не впливаючи на ширину блоку або його положення.

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

Значення за замовчуванням invert
Успадковується Ні
Застосовується До всіх елементів
Анімується Так

Синтаксис

outline-color: invert | <колір>

Значення

invert Автоматично задає колір лінії, виходячи з фону під нею для досягнення максимального контрасту. Браузеру дозволяється ігнорувати значення invert і замість нього використовувати колір лінії, заданий властивістю color.
<колір> Задає колір лінії в будь-якому допустимому для CSS форматі.

Приклад

Об'єктна модель

Об'єкт.style.outlineColor

Браузери

outline-color

Переглянути сумісність з Can I use?

outline-color