Свойство outline CSS

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

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

Комментарий:Линия контура не занимает места и не обязательно矩形.

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

Можно по порядку установить следующие свойства:

Если не указать какое-либо значение, это не вызовет проблем, например, outline:solid #ff0000; также разрешено.

Дополнительная информация:

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

Руководство по HTML DOM:атрибут outline

Пример

Установите стиль рамки для 4 сторон:

p
  {
  outline:#00FF00 dotted thick;
  }

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

CSS синтаксис

outline: outline-width outline-style outline-color|initial|inherit;

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

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

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

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

Пример TIY

Рисование линии вокруг элемента
Этот пример демонстрирует использование атрибута outline для рисования линии вокруг элемента.

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

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

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

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