|
CSS Свойство outline-style
 Полный CSS Справочник
Пример
Установить стиль контура:
p
{
outline-style:dotted;
} |
Попробуйте сами »
Еще примеры внизу этой страницы.
|
Определение и ИспользованиеКонтур - это линия, которая рисуется вокруг элемента (за пределами границы), чтобы сделать
этот элемент "выделяющимся".
Свойство outline-style указывает стиль контура.
| Значение по умолчанию: |
none |
| Наследуется: |
нет |
| Версия: |
CSS2 |
| JavaScript синтаксис: |
объект.style.outlineStyle="dotted" |
Поддержка Браузерами
Свойство 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 Справочник
|
