border-left-color

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

CSS 1	CSS 2	CSS 2.1	CSS 3
			+

Описание

Задает цвет границы слева от элемента.

Синтаксис

border-left-color: цвет | transparent | inherit

Значения

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.

Категория: Контуры и границы