Атрибут outlineColor стиля

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

outlineColor устанавливает или возвращает цвет контура вокруг элемента.

Контур - это линия вокруг элемента. Он отображается вокруг внешнего поля элемента. Однако, он differs от атрибут border различны.

Контур не является частью размера элемента, поэтому атрибуты ширины и высоты элемента не включают ширину контура.

См. также:

Урок CSS:Контур CSS

Руководство CSS:атрибут outline-color

Руководство HTML DOM:атрибут outline

Пример

Пример 1

Изменить цвет контура элемента <div>:

document.getElementById("myDiv").style.outlineColor = "#00ff00";

Попробуйте сами

Пример 2

Возвратить цвет рамки элемента <div>:

alert(document.getElementById("myDiv").style.outlineColor);

Попробуйте сами

Грамматика

Возвратить атрибут outlineColor:

объект.style.outlineColor

Установить атрибут outlineColor:

объект.style.outlineColor = "color|invert|initial|inherit"

Значение атрибута

Значение Описание
color

определяет цвет контура.

Пожалуйста, посмотрите Цвета CSSдля получения полного списка возможных значений цветов.
invert 逆变轮廓颜色为其相反值。 По умолчанию.
initial Этот атрибут устанавливается в его значение по умолчанию. См. initial.
inherit Этот атрибут наследуется от родительского элемента. См. inherit.

Технические детали

По умолчанию: invert
Возврат значения: строка, представляющая цвет контура элемента.
Версия CSS: CSS2

браузер поддерживает

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка