Справочник по 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
Смотри также
Ссылки на источники
http://msdn.microsoft.com/en-us/library/ms533510(VS.85).aspx
