Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Расположение и границы : border-top-color
Материал из Справочник Web-языков.
Содержание |
[править] Атрибут border-top-color | Свойство borderTopColor
Это свойство позволяет установить цвет верхней границы элемента.
[править] Синтаксис
| HTML | { border-top-color : sColor } |
| Скрипты | [ sColor = ] object.style.borderTopColor |
[править] Возможные значения
- sColor
- Строковое (string) или числовое (integer) значение, которое задается либо путем присвоения ему текстового названия цвета, например, white, либо числового шестнадцатиричного или RGB-кода из таблицы Коды и названия цветов в HTML.
Свойство borderTopColor не наследуется, то есть должно быть определено отдельно для каждого элемента.
Для данного свойства может быть установлено значение transparent, т.е. прозрачный. Элемент, для которого установлено такое значение, не имеет своего собственного цвета и как бы "принимает" цвет элемента, расположенного за ним.
Значением по умолчанию является значение цвета, заданное в параметре color.
[править] Замечания
В Internet Explorer 5.5 borderTopColor применяется для строковых объектов. В ранних версиях Windows Internet Explorer строковые объекты должны были быть описаны с помощью position: absolute, чтобы использовать это свойство. Формат элемента устанавливается путем задания значений свойствам height и width.
Некоторые браузеры не поддерживают задание цвета в виде текстового названия, но все браузеры поддерживают задание цвета с помощью RGB-кода и в этом случае отображают цвет корректно.
[править] Примеры
Следующие примеры иллюстрируют применение свойства borderTopColor и атрибута border-top-color для задания цвета верхней границы объекта.
В первом примере используется атрибут border-top-color для изменения цвета верхней границы элемента на синий, при наведении на него курсора мыши.
<HEAD>
<STYLE>
TD { border-top-color: red;
border-width: 0.5cm; border-style: groove }
.blue { border-top-color: blue }
</STYLE>
</HEAD>
<BODY>
<TABLE BORDER>
<TR>
<TD onmouseover="this.className='blue'"
onmouseout="this.className=''">
</TD>
</TR>
</TABLE>
Во втором примере для изменения цвета верхней границы элемента применяется свойство borderTopColor. Цвет границы меняется на синий при наведении на объект курсора мыши.
<TD onmouseover="this.style.borderWidth='0.5cm';
this.style.borderTopColor='blue'">
[править] Стандарты
Это свойство определено в
[править] Поддерживаемые браузеры
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
[править] Смотри также
[править] Ссылки на источники
