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

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


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

Пример

Установить стиль контура:

p
{
outline-style:dotted;
}

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

Еще примеры внизу этой страницы.

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

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

Свойство outline-style указывает стиль контура.

Значение по умолчанию: none
Наследуется: нет
Версия: CSS2
JavaScript синтаксис: объект.style.outlineStyle="dotted"


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

Internet Explorer Firefox Opera Google Chrome Safari

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

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


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

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

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


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

Значение Описание
none Указывает, что контура нет
dotted Указывает точечный контур
dashed Указывает пунктирный контур
solid Указывает сплошной контур
double Указывает двойной контур
groove Указывает трехмерный рифленый контур. Эффект зависит от значения свойства outline-color
ridge Указывает трехмерный заостренный контур. Эффект зависит от значения свойства outline-color
inset Указывает трехмерный вдавленный контур. Эффект зависит от значения свойства outline-color
outset Указывает трехмерный выпуклый контур. Эффект зависит от значения свойства outline-color
inherit Указывает, что стиль контура должен наследоваться от родительского элемента


Примеры

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

Установить стиль контура
Этот пример демонстрирует, как установить стиль контура.


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

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

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


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

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