CSS border-left-color Свойство
Пример
Задайте цвет для левой границы:
div {border-left-color: coral;}
Подробнее примеры ниже.
Определение и использование
Свойство border-left-color
задает цвет левой границы элемента.
Примечание: Перед свойством всегда объявляйте свойство border-style или Border-left border-left-color
. Элемент должен иметь границу, прежде чем можно изменить цвет.
Значение по умолчанию: | Текущий цвет элемента |
---|---|
Inherited: | no |
Animatable: | yes. Читайте о animatable |
Version: | 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) |
Другие примеры
Пример
Задайте цвет для левой границы с шестнадцатеричным значением:
div {border-left-color: #92a8d1;}
Пример
Задайте цвет для левой границы со значением 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);}
Пример
Установите прозрачную левую границу:
div {border-left-color: transparent;}
Похожие страницы
CSS Справочник: CSS Border
CSS Справка: border-left Свойство
HTML DOM Справочник: borderLeftColor Свойство