Вы здесь

Рамки

Рамки можно определять для большинства элементов внутри тела веб-страницы.

Чтобы создать рамку вокруг элемента, все что нужно – это определить свойство border-style. Оно может принимать следующие значения: solid, dotted, dashed, double, groove, ridge, inset, outset.

Толщина рамки задается при помощи свойства border-width. Обычно это значение выражается в пикселях. Также существуют соответствующие свойства для каждой из сторон элемента: border-top-width, bodrer-right-width, border-bottom-width, border-left-width.

И, наконец, существует свойство border-color, которое задает цвет рамки.

Добавьте следующий код в ваш CSS файл:

h2 {
   border-style: dashed;
   border-width: 3px;
   border-left-width: 10px;
   border-right-width: 10px;
   border-color: red;
}

Эта декларация определяет прерывистую рамку красного цвета вокруг заголовков второго уровня (элементы <h2>), у которой толщина верхней и нижней стороны будет 3 пикселя, а левой и правой - 10 пикселей (здесь 3-х пиксельная толщина рамки, определяемая в начале для всех сторон рамки, переопределяется).

Помимо индивидуальных свойств для каждой стороны HTML элемента, также существует краткая форма записи для каждого типа свойств.