CSS свойство border-left

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

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

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

CSS синтаксис

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

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

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

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

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


p {
     border-left: thick double #ff0000;
}