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

CSS Свойство outline


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

Пример

Создать контур вокруг элемента:

p
{
outline:#00FF00 dotted thick;
}

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

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

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

Стенографическое свойство outline устанавливает все свойства контура в одном объявлении.

Свойства, которые могут быть установлены (по порядку): outline-color, outline-style, outline-width.

Если одно из значений выше отсутствует, например "outline:solid #ff0000;", для пропущенного свойства будет вставлено значение по умолчанию, если таковое имеется.

Значение по умолчанию: invert none medium
Наследуется: нет
Версия: CSS2
JavaScript синтаксис: объект.style.outline="#0000FF dotted thin"


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

Internet Explorer Firefox Opera Google Chrome Safari

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

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


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

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

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


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

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


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

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


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

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