Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Расположение и границы : border-left-color
смотрим также
Материал из Справочник Web-языков
Содержание |
Атрибут border-left-color | Свойство borderLeftColor
Это свойство позволяет установить цвет левой границы элемента.
Синтаксис
HTML | { border-left-color : sColor } |
Скрипты | [ sColor = ] object.style.borderLeftColor |
Возможные значения
- sColor
- Строковое (string) или числовое (integer) значение, которое задается либо путем присвоения ему текстового названия цвета, например, blue, либо числового шестнадцатиричного или RGB-кода из таблицы Коды и названия цветов в HTML.
Свойство borderLeftColor не наследуется, то есть должно быть определено отдельно для каждого элемента.
Значением по умолчанию является значение цвета, заданное в параметре color.
Замечания
В Internet Explorer 5.5 borderLeftColor применяется для строковых объектов. В ранних версиях Windows Internet Explorer строковые объекты должны были быть описаны с помощью position: absolute, чтобы использовать это свойство. Формат элемента устанавливается путем задания значений свойствам height и width.
Некоторые браузеры не поддерживают задание цвета в виде текстового названия, но все браузеры поддерживают задание цвета с помощью RGB-кода и в этом случае отображают цвет корректно.
Примеры
Следующие примеры иллюстрируют применение свойства borderLeftColor и атрибута border-left-color для задания цвета левой границы объекта.
В первом примере используется атрибут border-left-color для задания цвета левой границы элемента.
<HEAD> <STYLE> TD { border-left-color: red; border-width: 0.5cm; border-style: groove} .blue { border-left-color: blue} </STYLE> </HEAD> <BODY> <TABLE BORDER> <TR> <TD onmouseover="this.className='blue'" onmouseout="this.className=''"> <IMG src="sphere.jpg"> </TD> </TR> </TABLE>
Во втором примере для изменения цвета левой границы элемента применяется свойство borderLeftColor. Цвет границы меняется с красного на синий при наведении на объект курсора мыши.
<TD onmouseover="this.style.borderWidth='0.5cm'; this.style.borderLeftColor='blue'">
Стандарты
Это свойство определено в Cascading Style Sheets (CSS), Level 2 (CSS2)
Поддерживаемые браузеры
Internet Explorer 5.5, 6.0, 7.0, 8.0
Opera 7.0, 8.0, 9.2, 9.5
Safari 1.3, 2.0, 3.1
Firefox 1.5, 2.0, 3.0
Смотри также
Ссылки на источники
https://msdn.microsoft.com/en-us/library/ms533510(VS.85).aspx