border-left-color CSS
Свойство border-left-color
задаёт цвет границы слева от элемента.
- Значение по умолчанию:
Значение свойства
color
- Наследуется:
- Нет
- Применяется:
Ко всем элементам
- Анимируется:
- Да
- Объект JavaScript:
-
object.style.borderLeftColor
- Спецификации:
Синтаксис
/* <color> values */
border-left-color: red;
border-left-color: #ffbb00;
border-left-color: rgb(255, 0, 0);
border-left-color: hsla(100%, 50%, 25%, 0.75);
border-left-color: currentColor;
border-left-color: transparent;
/* Global values */
border-left-color: inherit;
border-left-color: initial;
border-left-color: unset;
Значения
-
<цвет>
- цвет -
transparent
- Устанавливает прозрачный цвет.
Примеры
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>border-left-color</title>
<style>
.line {
border-left-color: #fc0; /* Цвет линии слева */
border-left-style: solid; /* Стиль линии */
border-left-width: 7px; /* Толщина линии */
padding-left: 10px; /* Расстояние между линией и текстом */
}
</style>
</head>
<body>
<div class="line">Как отмечает Теодор Адорно,
доминантсептаккорд полифигурно имитирует голос.
Доминантсептаккорд варьирует хроматический шоу-бизнес.
</div>
</body>
</html>