CSS outline-color Свойство
Пример
Задайте цвет контура:
div {outline-color: coral;}
Подробнее примеры ниже.
Определение и использование
Контур представляет собой линию, которая рисуется вокруг элементов (за пределами границ), чтобы сделать элемент "выделиться".
Свойство outline-color задает цвет контура.
Примечание: Всегда объявляйте свойство стиль структуры перед outline-color свойством. Элемент должен иметь контур перед изменением его цвета.
| Значение по умолчанию: | invert |
|---|---|
| Inherited: | no |
| Animatable: | yes, see individual properties. Читайте о animatable |
| Version: | CSS2 |
| Синтаксис JavaScript: | object.style.outlineColor="#FF0000" |
Советы и примечания
Контур — это линия вокруг элемента. Он отображается вокруг поля элемента. Однако он отличается от свойства Border.
Структура не является частью размеров элемента, поэтому свойства Width и Height элемента не содержат ширину контура.
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| outline-color | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Синтаксис CSS
outline-color: invert|color|initial|inherit;
Значения свойств
| Значение | Описание | |
|---|---|---|
| invert | Выполняет инверсию цвета. Это гарантирует, что контур будет виден, независимо от цвета фона. Это значение по умолчанию | |
| color | Задает цвет контура. Посмотрите на значения цвета CSS для полного списка возможных значений цвета. | |
| initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
| inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Другие примеры
Пример
Задайте цвет контура с шестнадцатеричным значением:
div {outline-color: #92a8d1;}
Пример
Задайте цвет контура со значением RGB:
div {outline-color: rgb(201, 76, 76);}
Пример
Задайте цвет для контура со значением RGBA:
div {outline-color: rgba(201, 76, 76, 0.3);}
Пример
Задайте цвет контура с HSL значением:
div {outline-color: hsl(89, 43%, 51%);}
Пример
Задайте цвет контура с HSLA значением:
div {outline-color: hsla(89, 43%, 51%, 0.3);}
Похожие страницы
CSS Справочник: CSS Outline
CSS Справка: outline Свойство
HTML DOM Справочник: outlineColor Свойство