| Інтернет Експлорер | Chrome | Opera | Safari | Firefox | Android | iOS | |
| 6.0+ | 8.0+ | 1.0+ | 3.5+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Коротка інформація
| Значення за замовчуванням | Немає |
|---|---|
| Наслідується | Ні |
| Застосовується | До всіх елементів |
| Посилання на специфікацію | http://www.w3.org/TR/CSS21/box.html#border-color-properties |
Версії CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Опис
Встановлює колір лівої межі елемента.
Синтаксис
border-left-color: колір | transparent | inherit
Значення
Див. колір
- transparent
- Встановлює прозорий колір.
- inherit
- Наслідує значення батька.
Приклад
HTML5CSS2.1IECrOpSaFx
<!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">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diem nonummy nibh euismod tincidunt ut lacreet dolore
magna aliguam erat volutpat. Ut wisis enim ad minim veniam,
quis nostrud exerci tution ullamcorper suscipit lobortis nisl
ut aliquip ex ea commodo consequat.
</div>
</body>
</html>Результат цього прикладу показано на рис. 1.
Об'єктна модель
[window.]document.getElementById("ідентифікатор елемента").style.borderLeftColor
Браузери
Internet Explorer 6 не підтримує значення transparent. Браузер Internet Explorer до версії 7.0 включно не підтримує inherit.
Колір межі в різних браузерах може трохи відрізнятися при використанні значень стилю groove, ridge, inset або outset.