Рейтинг@Mail.ru
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS РЕКЛАМА

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


« Назад Далее »

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

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


Примеры

Примеры

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

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

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

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


CSS Контур

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

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

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


CSS Свойства Контура

Число в столбце "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




« Назад Далее »
© 2011-2017 Уроки CSS
Рейтинг@Mail.ru