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 поддерживается во всех основных браузерах.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.