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

Правила CSS (RULES)

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

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

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

Свойство outline устанавливает ширину, стиль и цвет всех четырех сторон контура элемента. Это используется для установки различных свойств контура в одном заявлении (то естьoutline-width，outline-styleиoutline-colorКраткая форма свойств ().

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

Значение по умолчанию:	Просмотреть все свойства
Подходит для:	Все элементы
Наследование:	Нет
Анимация:	Да, потому что некоторые свойства машинописной транскрипции можно анимировать.См. также Атрибут анимации。
Версия:	CSS 2, 3
JavaScript синтаксис:	object.style.outline="#cc0000 dotted thin"

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

Синтаксис этого свойства следующий:

outline:　[　outline-width　outline-style　outline-color　]　|　initial　|　inherit

Внимание:Если отсутствует или опущен любой из перечисленных выше атрибутов, то будет вставлен по умолчанию для этого атрибута (если он есть). Для получения дополнительной информации см. соответствующие атрибуты.

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

Пример

　　p.one　{
　　　outline:　2px　solid　#ff0000;
　　}
　　p.two　{
　　　color:　#00ff00;
　　　outline-top:　5px　solid;
　　}

проверьте, посмотрите‹/›

Внимание:Еслиoutline-colorотсутствует или не указан (например, outline: 5px solid;), то будет использоватьсяcolorЗначение элемента атрибута. Однако, в некоторых特殊情况ах, опущениеoutline-styleЭтот значения не будет отображать контур, так как значение по умолчанию для свойства outline-style - none.

Значение атрибута

В таблице ниже описаны значения этого атрибута.

Значение	Описание
outline-width	Установить ширину контура элемента.
outline-style	Установить стиль линии контура элемента.
outline-color	Установить цвет контура элемента.
initial	Установить этот атрибут в его значение по умолчанию.
inherit	Если указано, то связанные элементы используют значения атрибута outline родительского элемента.

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

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

	Firefox 1.5 и выше Google Chrome 1+ Internet Explorer 8+ Apple Safari 1.2+ Opera 7+

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

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

См. также следующие руководства:CSS контур，CSS рамка。

См. также свойства:outline-width，outline-style，outline-color

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