CSS-свойство border-left-color
устанавливает цвет левой границы элемента индивидуально. Однако во многих случаях более короткие CSS-свойства, такие как border-color
или border-left
, более удобны и предпочтительны в использовании.
Значение по умолчанию: | Значение color |
Применяется к: | Все элементы |
Наследование: | Нет |
Анимирование: | Да. Анимируемые свойства |
Версия: | CSS 1, 2, 3 |
Синтаксис
Синтаксически свойства задаются по следующему шаблону:
border-left-color: color | transparent | initial | inherit
Примеры написания кода свойства border-left-color
:
p {
border-style: solid;
border-left-color: #ff0000;
}
Вы должны объявить свойство border-style
перед CSS-свойством border-left-color
. Элемент должен иметь границы, прежде чем вы сможете установить цвет границы.
Значения свойств
В следующей таблице описаны значения этого свойства.
Значение | Описание |
---|---|
color | Определяет цвет верхней границы. Список возможных форматов цвета см. в руководстве по CSS Color. |
transparent |
Позволяет границе быть прозрачной, хотя она может занимать пространство, установленное свойством border-width . |
initial |
Устанавливает это свойство в значение по умолчанию. |
inherit |
Если указан, связанный элемент принимает вычисленное значение свойства его родительского элемента border-bottom-color . |
Поддержка браузеров
Свойство border-left-color
поддерживается во всех основных браузерах.