CSS outline-colorСвойство
Пример
Задает цвет пунктирной обводки:
p
{
outline-style:dotted;
outline-color:#0080FF;
}
{
outline-style:dotted;
outline-color:#0080FF;
}
Попробуйте сами »
Определение и использование свойства
Обводка — это линия, нарисованная вокруг элемента, за пределами границы.
Свойство outline-color задает цвет обводки.
Примечание:Всегда объявляйте свойство outline-style перед свойством outline-color. У элемента должна быть обводка, прежде чем вы сможете изменить цвет его обводки.
| Значение по умолчанию: | invert |
|---|---|
| Наследуется: | нет |
| версия: | CSS2 |
| Синтаксис JavaScript: | object.style.outlineColor="#0080FF" |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая поддерживает это свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| outline-color | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Советы и примечания
Контур окружает элемент. Это отступ вокруг элемента. Однако он происходит от другого свойства границы.
Контур не является частью размеров элемента, поэтому свойства width и height элемента не включают ширину контура.
Значение свойства
| Значение | Описание | |
|---|---|---|
| color | Задает цвет контура. См.Значения цветов CSSдля полного списка значений цвета. | |
| invert | По умолчанию. Выполняет инверсию цветов (обратные цвета). Делает контур видимым на разных цветах фона. | |
| inherit | Указывает, что цвет контура должен наследоваться от родительского элемента. |
Связанные статьи
Учебник CSS:Контур CSS
Справочное руководство по CSS:свойство outline
Другие расширения