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

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

Свойство outline-style используется для настройки стиля всего контура элемента. Стиль не может быть none, в противном случае контур не будет отображаться.

Outline (обводка) - это линия, нарисованная вокруг элемента, расположенная за краем рамки, и она может выделить элемент. Атрибут outline устанавливает обводку вокруг элемента.

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

Примечание:Линия обводки не занимает места и не обязательно矩形.

См. также:

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

Руководство по CSS:Атрибут outline

Руководство по HTML DOM:Атрибут outlineStyle

Пример

Установка стиля обводки:

p
  {
  outline-style:dotted;
  }

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

CSS синтаксис

outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

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

Значение Описание
нет По умолчанию. Определяет отсутствие обводки.
hidden Определяет скрытую обводку.
dotted Определяет точечную обводку.
dashed Определяет пунктирную обводку.
solid Определяет сплошную обводку.
double Определяет двойную обводку. Ширина двойной линии равна значению outline-width.
groove Определяет 3D вогнутую канавку. Эффект зависит от значения outline-color.
ridge Определяет 3D выпуклую канавку. Эффект зависит от значения outline-color.
inset Определяет 3D вогнутую обводку. Эффект зависит от значения outline-color.
outset Определяет 3D выпуклую обводку. Эффект зависит от значения outline-color.
inherit Определено, что настройка стиля обводки должна наследоваться от родительского элемента.

Технические детали

Значение по умолчанию: нет
Ингерит: нет
Версия: CSS2
JavaScript синтаксис: object.style.outlineStyle="пунктир"

Пример TIY

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

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

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

Примечание:Если определен !DOCTYPE, то IE8 поддерживает атрибут outline.