css властивість border-left-color
Властивість border-left-color встановлює колір лівої межі елементу.
Ви також можете використовувати border-color, щоб задати колір для всіх меж, або border-left, щоб встановити ширину, стиль та колір для лівої межі у скороченому записі.
Значення без задання currentColor (який дорівнює властивості color).
Перед тим як межа може бути показана, вона мусить мати встановлене значення для border-style (для всіх меж) або border-left-style (тільки для лівої межі).
| Нотатка: | Завжди оголошуйте властивість кордону стилю до властивості
Рекомендується використовувати скорочені записи за допомогою |
Синтаксис
border-left-color: color|transparent|initial|inherit;Властивість border-left-color може отримувати 4 значення:
colorВстановлює колір лівого кордону. Колір в CSS можна задавати різними способами: за шістнадцятиричним кодом, за назвою, в форматі
RGB, RGBA, HSL, HSLAtransparentВстановлює прозорий колір
initialВстановлює властивість у значення без задання
inheritВказує на спадковість властивості від свого батьківського елемента
| Значення без задання: | Поточний колір елемента |
|---|---|
| Наслідує: | Ні |
| Анімується: | Так |
| JavaScript синтаксис: | object.style.borderLeftColor="blue" |
Переглядачі
| Переглядач | |||||
|---|---|---|---|---|---|
| border-left-color | 1.0 |
4.0 |
1.0 |
1.0 |
3.5 |
| Переглядач | |||
|---|---|---|---|
| border-left-color | 1.0 |
1.0 |
1.0 |
Мобільних переглядачів ще не додано.
Приклади
Динамічний приклад
Демонстрація роботи властивості
Демонстрація роботи властивості
Приклад використання властивості
Встановлення кольору лівої границі
p {
border-style: solid;
border-left-color: #ff0000;
}