СSS Свойство border-left-color
Определение и использование
Свойство border-left-color задает цвет левой границы элемента.
Примечание: Всегда объявляйте свойство border-style или border-left-style перед свойством border-left-color. Элемент должен иметь границу, прежде чем вы сможете изменить цвет.
| Значение по умолчанию: | Текущий цвет элемента |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | да. Прочитать о animatable Попробовать |
| Версия: | CSS1 |
| JavaScript синтаксис: | object.style.borderLeftColor="blue" Попробовать |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| border-left-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS Синтаксис
border-left-color: color|transparent|initial|inherit;
Значение свойств
| Значение | Описание | Воспроизвести |
|---|---|---|
| color | Задает цвет левой границы. Смотреть CSS Значение цвета для получения полного списка возможных значений цвета. Цвет по умолчанию - это цвет элемента | Воспроизвести » |
| transparent | Указывает, что цвет границы должен быть прозрачным | Воспроизвести » |
| initial | Задает для этого свойства значение индекса. Прочитать о initial | Воспроизвести » |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Примеры
Пример
Установить цвет для левой границы с RGB:
div {border-left-color: rgb(201, 76, 76);}
Попробуйте сами »
Пример
Установить цвет для левой границы с RGBA:
div {border-left-color: rgba(201, 76, 76, 0.3);}
Попробуйте сами »
Пример
Установить цвет для левой границы с HSL:
div {border-left-color: hsl(89, 43%, 51%);}
Попробуйте сами »
Пример
Установить цвет для левой границы с HSLA:
div {border-left-color: hsla(89, 43%, 51%, 0.3);}
Попробуйте сами »
Связанные страницы
CSS учебник: CSS Border
CSS справочник: Свойство border-left
HTML DOM справочник: Свойство borderLeftColor
