Результат данного примера показан на рис. 1.
Рис. 1. Результат использования border-left-color
Объектная модель
[window.]document.getElementById("elementID").style.borderLeftColor
Браузеры
Internet Explorer 6 не поддерживает значение transparent. Браузер Internet 
Explorer до седьмой версии
включительно не поддерживает inherit.
Цвет границы в разных браузерах может несколько различаться при использовании 
значений стиля groove,
ridge, inset или outset.
border-left-style
Краткая информация
Описание
Устанавливает стиль границы слева от элемента.
Синтаксис
border-left-style: none | hidden | dotted | dashed | solid | double | groove | 
ridge | inset | outset | inherit
Значения
Линия не отображается и значение ее толщины обнуляется.
Имеет тот же эффект, что и none за исключением применения border-left-style к 
ячейкам
таблицы, у которой значение свойства border-collapse установлено как collapse. 
В этом
случае левая граница в ячейке не будет отображаться вообще.
Линия состоящая из набора точек.
Пунктирная линия, состоящая из серии коротких отрезков.
Сплошная линия.
Двойная линия.
Создает эффект вдавленной линии.
Создает эффект рельефной линии.
Псевдотрехмерная линия.
Псевдотрехмерная линия.
Наследует значение родителя.
Вид указанных стилей представлен на рис. 1.
Рис.1. Стили границ
Пример







Internet Explorer Netscape Opera Safari Firefox
6.0 7.0 8.0 8.0 9.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Ошибки Ошибки Да Да Да Да Да Да Да Да Да Да Да Да
CSS CSS1, CSS2.1
Значение по умолчанию Нет
Наследуется Нет
Применяется Ко всем элементам
Аналог HTML  | 
Ссылка на
спецификацию
http://www.w3.org/TR/CSS21/box.html#border-styleproperties
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
HTML 4.01 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh
euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim

		
		

 
	
    
[Весь Текст]

Страница:  из 123