Рейтинг@Mail.ru
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS РЕКЛАМА

CSS Свойство outline-color


CSS Справочник Полный CSS Справочник

Пример

Установить цвет точечного контура:

p
{
outline-style:dotted;
outline-color:#00ff00;
}

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

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

Контур - это линия, которая рисуется вокруг элемента (вне его границ), чтобы сделать этот элемент "выделяющимся".

Свойство outline-color указывает цвет контура.

Замечание: Всегда объявляйте свойство outline-style перед свойством outline-color. Элемент должен иметь контур прежде чем вы сможете изменить его цвет.

Значение по умолчанию: invert
Наследуется: нет
Версия: CSS2
JavaScript синтаксис: объект.style.outlineColor="#00FF00"


Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство outline-color поддерживается всеми основными браузерами.

Замечание: IE8 поддерживает свойство outline-color, только если указано объявление !DOCTYPE.


Советы и Замечания

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

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


Значения Свойства

Значение Описание
цвет Указывает цвет контура. Смотрите полный список с возможными значениями цветов в Справочнике Значений Цветов CSS.
invert Выполняет инверсию цвета. Это гарантирует, что контур будет видимым, независимо от цвета фона. Используется по умолчанию
inherit Указывает, что цвет контура должен наследоваться от родительского элемента


Смотрите Также

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

CSS справочник: свойство outline


CSS Справочник Полный CSS Справочник

© 2011-2017 Уроки CSS
Рейтинг@Mail.ru