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

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

border-left-color устанавливает цвет левого края элемента.

Может быть определен только чистый цвет, и рамка может быть видна только когда стиль рамки не equals none или hidden.

Комментарий:Всегда указывайте свойство border-style перед свойством border-color. Элемент должен получить рамку, прежде чем вы измените его цвет.

См. также:

Уроки CSS:Края CSS

Руководство по CSS:Свойство border-left

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

Пример

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

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

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

CSS синтаксис

border-left-color: color|transparent|initial|inherit;

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

Значение Описание
color_name Определяет цвет рамки по имени цвета (например, red).
hex_number Определяет цвет рамки по шестнадцатеричному значению (например, #ff0000).
rgb_number Определяет цвет рамки по коду rgb (например, rgb(255,0,0)).
transparent Значение по умолчанию. Цвет рамки прозрачен.
inherit Определяет, что цвет рамки должен быть наследован от родительского элемента.

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

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

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

Установка цвета левого края
Этот пример демонстрирует, как установить цвет левого края.

Поддержка браузеров

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

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

Комментарий:Internet Explorer 6 (и более ранние версии) не поддерживает значение свойства "transparent".

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

" -->