Справочник по 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'">
Стандарты
Это свойство определено в 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/ms533528(VS.85).aspx
