Internet Explorer | 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 1 | CSS 2 | CSS 2.1 | CSS 3 |
---|---|---|---|
Задает цвет границы слева от элемента.
border-left-color: цвет | transparent | inherit
См. цвет
Пример
<!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.
Рис. 1. Результат использования border-left-color
[window.]document.getElementById(«elementID«).style.borderLeftColor
Internet Explorer 6 не поддерживает значение transparent. Браузер Internet Explorer до версии 7.0 включительно не поддерживает inherit.
Цвет границы в разных браузерах может несколько различаться при использовании значений стиля groove, ridge, inset или outset.
Сайт