CSS свойство outline

Универсальное свойство, которое устанавливает атрибуты контура элемента. Контур отображается за рамкой и поверх элемента, таким образом, он никак не влияет на его размер или позицию.

Свойство outline позволяет устанавливает следующие свойства контура (в соответствущем порядке): outline-color, outline-style и outline-width.

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

CSS синтаксис

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

Возможные значения

ЗначениеОписание
outline-colorУстанавливает цвет контура.
outline-styleУстанавливает стиль контура.
outline-widthУстанавливает толщину контура.
inheritЗначение наследуется от родительского элемента.
initialУстанавливает значение по умолчанию.

Пример использования

Устанавливаем контур для элемента <p>


p {
     outline: #00FF00 dotted thick;
}