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

Определение и использование

Краткое свойство border-left устанавливает все свойства левого края в одном заявлении.

Свойства можно устанавливать в следующем порядке:

Если не указать один из значений, это не вызовет проблемы, например border-left:solid #ff0000; также допускается.

См. также:

Учебник CSS:CSS - рамки

Руководство по HTML DOM:Свойство borderLeft

Пример

Установите стиль левого края:

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

Попробуйте сами

CSS синтаксис

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

Значение свойства

Значение Описание
border-left-width Определяет ширину левого края. См. также:border-left-width возможные значения.
border-left-style Определяет стиль левого края. См. также:border-left-style возможные значения.
border-left-color Определяет цвет левого края. См. также:border-left-color возможные значения.
inherit Определяет, что значение свойства border-left должно быть наследовано от родительского элемента.

Технические детали

Значение по умолчанию: не указано
Ингерит: нет
Версия: CSS1
JavaScript синтаксис: object.style.borderLeft="3px solid blue"

Более примеров

Все свойства левого края в одном заявлении
Все свойства левого края в одном заявлении

Поддержка браузерами

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 3.5 1.0

Комментарий:Браузеры IE7 и более ранние версии не поддерживают значение "inherit". Для IE8 необходим !DOCTYPE. IE9 поддерживает "inherit".