Свойство outlineColor
Пример style.outlineColor
Измените цвет контура элемента <div>:
document.getElementById("myDiv").style.outlineColor = "#00ff00";
Попробуйте сами »
Описание outlineColor
Свойство outlineColor задает или возвращает цвет контура вокруг элемента.
Контур — это линия вокруг элемента. Он отображается вокруг поля элемента. Однако он отличается от свойства border.
Контур не является частью размеров элемента, поэтому свойства width и height элемента не содержат ширину контура.
Поддержка outlineColor
| Свойство | |||||
|---|---|---|---|---|---|
| outlineColor | Да | Да | Да | Да | Да |
Синтаксис outlineColor
Вернуть свойство outlineColor:
object.style.outlineColor
Установите свойство outlineColor:
object.style.outlineColor = "color|invert|initial|inherit"
Значение свойства outlineColor
| Значение | Описание |
|---|---|
| color | Задает цвет контура. Полный список возможных значений цвета см. в разделе CSS Значения цвета |
| invert | Инвертирует цвет контура на противоположное значение. Примечание: Браузеры не обязаны поддерживать это значение |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали outlineColor
| Значение по умолчанию: | invert |
|---|---|
| Возвращаемое значение: | Строка, представляющая цвет контура элемента. |
| CSS Версия | CSS2 |
Ещё примеры outlineColor
Вернуть свойство outlineColor элемента <div>:
alert(document.getElementById("myDiv").style.outlineColor);
Попробуйте сами »
Связанные страницы outlineColor
CSS Учебник: CSS Контур
CSS Справочник: Свойство outline-color
HTML DOM Справочник: Свойство outline