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" |
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | 1 | 3.5 | 12 | 4 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | 1 |
Приклади
+ запропонувати свій приклад у пісочниці
Колір лише лівої межі: вона червона, решта — типового кольору.
HTML
<p>Ліва межа червона, решта — чорні.</p>CSS
p {
border-style: solid;
border-left-color: #ff0000;
padding: 8px;
}Динамічний приклад
Демонстрація роботи властивості
Демонстрація роботи властивості
Приклад використання властивості
Коментарі
Коментарів ще немає — будьте першим!