CSS свойство border

Это свойство позволяет определить все атрибуты рамки HTML элемента за одну декларацию.

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

В декларации можно опускать определение любого атрибута. Например, декларация border: solid #ff0000; вполне допустима.

CSS синтаксис

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

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

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

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

Устанавливаем стиль рамки четырех сторон параграфа


p {
     border: 5px solid red;
}