Свойство 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 Default value. Цвет рамки является прозрачным.
inherit Определяет, что цвет рамки должен наследоваться от родительского элемента.

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

Default value: not specified
Инheritability: no
Версия: CSS1
JavaScript синтаксис: object.style.borderLeftColor="blue"

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

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

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

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

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

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

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

" -->