/ Справочники / CSS3 / border

Информация по поводу - border


Свойство border является универсальным, так как при помощи него вы можете сразу установить все необходимые параметры для создания обводки (границы) объекта. Вы можете указать размер, цвет, а также форму обводки.

Стоит знать: к каждому значению существует свое отдельное свойство. Например, для указания цвета верхней границы существует стиль border-top-color. К этой же верхней границе можно установить ширину - border-top-width, а также тип обводки - border-top-style.

В свойство border записывается 3 параметра со следующей очередностью: ширина (в любых допустимых единицах), стиль границы (об этом чуть ниже), её цвет.

Стиль границы может быть следующих типов:
1) solid - просто рамка без пробелов в ней;
Solid
2) dotted - рамка выполненная точками;
Solid
3) double - двойная рамка;
Solid
4) dashed - небольшие пробелы в рамке;
Solid
5) inset - рамка якобы внутри;
Solid
6) outset - рамка находиться снаружи;
Solid
7) groove - как небольшая выемка;
Solid
8) ridge - в виде рамки.
Solid
Пример свойства:
div {
   border: 2px inset #df6363;
}