css властивість border-left-color
Властивість border-left-color встановлює колір лівої межі елементу.

Ви також можете використовувати border-color, щоб задати колір для всіх меж, або border-left, щоб встановити ширину, стиль та колір для лівої межі у скороченому записі.
Значення без задання currentColor (який дорівнює властивості color).
Перед тим як межа може бути показана, вона мусить мати встановлене значення для border-style (для всіх меж) або border-left-style (тільки для лівої межі).
- Нотатка
-
Завжди оголошуйте властивість кордону стилю до властивості
border-left-color. Елемент повинен мати кордони, перш ніж Ви зможете змінити їх колір.Рекомендується використовувати скорочені записи за допомогою
автор: Svitlanaborder-colorабоborder-leftдля економії часу.
Синтаксис
border-left-color: color|transparent|initial|inherit;
Властивість border-left-color може отримувати 4 значень:
-
color -
Встановлює колір лівого кордону. Колір в CSS можна задавати різними способами: за шістнадцятиричним кодом, за назвою, в форматі
автор: SvitlanaRGB, RGBA, HSL, HSLA -
transparent -
Встановлює прозорий колір
автор: Svitlana -
initial -
Встановлює властивість у значення без задання
автор: Svitlana -
inherit -
Вказує на спадковість властивості від свого батьківського елемента
автор: Svitlana
| Значення без задання: | Поточний колір елемента |
|---|---|
| Наслідує: | Ні |
| Анімується: | Так |
| JavaScript синтаксис: | object.style.borderLeftColor="blue" |
Переглядачі
| Переглядач | |||||
|---|---|---|---|---|---|
| border-left-color | 1.0 | 1.0 | 1.0 | 3.5 | 4.0 |
| Переглядач | |||
|---|---|---|---|
| border-left-color | 1.0 | 1.0 | 1.0 |
Приклади
+ запропонувати свій приклад у пісочниці
Колір лише лівої межі: вона червона, решта — типового кольору.
HTML
<p>Ліва межа червона, решта — чорні.</p>
CSS
p {
border-style: solid;
border-left-color: #ff0000;
padding: 8px;
}
Динамічний приклад
Демонстрація роботи властивості
Демонстрація роботи властивості
Приклад використання властивості
Коментарі
Коментарів ще немає — будьте першим!