English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по CSS

Правила CSS (RULES)

Полный список свойств CSS

Метод использования и примеры свойства CSS outline-color

Свойство outline-color CSS устанавливает цвет контура элемента. Однако, в большинстве случаев мы используемoutlineЭта сокращенная свойство.

Ниже приведено описание использования и истории версий этого свойства, а также синтаксис использования свойства в скриптах на JavaScript.

Значение по умолчанию:invert
Применяется к:Все элементы
Инherit:Нет
Анимировано:Да.Пожалуйста, обратитесь к Анимационные свойства.
Версия:CSS 2, 3
JavaScript синтаксис:object.style.outlineColor="#000000"

Синтаксис использования свойства outline-color

Синтаксис этого свойства такой:

outline-color:　color　|　invert　|　initial　|　inherit

Ниже приведен пример того, как использовать свойство outline-color.

　　p　{
　　　outline-style:　solid;
　　　outline-color:　#ff0000;
　　}
Проверьте, посмотрите <‹/›>

Примечание:Вы должны声明outline-styleСвойство. Элемент должен иметь контур, чтобы можно было установить цвет контура, так как значение по умолчанию для свойства outline-style - none.

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

Таблица ниже описывает значения этого свойства.

ЗначениеОписание
colorУкажите цвет контура. См.CSS цветовые значенияЧтобы получить список возможных значений цветов.
invertПроизводит инверсию цветов пикселей экрана, чтобы контур был видим, независимо от цвета фона. Это значение по умолчанию.
initialУстановите этот параметр в его значение по умолчанию.
inheritЕсли указано, то связанные элементы используют значение свойства outline-color родительского элемента.

Совместимость браузеров

Совместимость браузеров для свойства outline-color, числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.

  • Firefox 1.5 и выше

  • Google Chrome 1+

  • Internet Explorer 8+

  • Apple Safari 1.2+

  • Opera 7+

Внимание: Интернет-Explorer 7 и более ранние версии не поддерживают свойство outline-color. IE8 поддерживает это свойство, но требует действительного<!DOCTYPE>.

Дополнительное чтение

Пожалуйста, обратитесь к руководствам по следующим темам:CSS контур,CSS рамка.

Связанные свойства:outline,outline-width,outline-style.

CSS3 свойство outline-offsetCSS свойство outline