CSS Урок 13 Контуры Элементов

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

Свойства контура указывают стиль, цвет и ширину контура.

Нарисовать линию (контур) вокруг элемента
Этот пример демонстрирует как нарисовать линию вокруг элемента, за пределами границы.

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

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

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

CSS Контур

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

Однако, контур отличается от свойства border.

Контур не является частью размеров элемента, поэтому свойства элемента width и height не содержат ширину контура.

Число в столбце "CSS" означает, в какой версии CSS свойство определено (CSS1 или CSS2).

Свойство	Описание	Значения	CSS
outline	Устанавливает все свойства контура в одном объявлении	цвет_контура стиль_контура ширина_контура inherit	2
outline-color	Устанавливает цвет контура	название_цвета hex_значение rgb_значение invert inherit	2
outline-style	Устанавливает стиль контура	none dotted dashed solid double groove ridge inset outset inherit	2
outline-width	Устанавливает ширину контура	thin medium thick значение_ширины inherit	2