Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Расположение и границы : border-top
Материал из Справочник Web-языков.
Содержание |
[править] Атрибут border-top | Свойство borderTop
Это свойство позволяет позволяет одновременно задать толщину, стиль и цвет верхней границы элемента.
[править] Синтаксис
| HTML | { border-top : sTop } |
| Скрипты | [ sTop = ] object.style.borderTop |
[править] Возможные значения
- sTop
- Строка, которая может определять и принимать одно или несколько из следующих значений:
width Любое из диапазона возможных значений ширины, доступных для свойства borderTopWidth. style Любое из диапазона возможных значений стиля, доступных для свойства borderTopStyle. color Любое из диапазона возможных значений цвета, доступных для свойства borderTopColor.
Эти параметры могут быть описаны в любом порядке.
Свойство borderTop не наследуется, то есть должно быть определено отдельно для каждого элемента. Значение по умолчанию зависит от используемых аргументов.
Свойство borderTop может быть применено для любых элементов.
[править] Замечания
Свойство borderTop часто называют составным, так как устанавливает значения и ширины, и стиля, и цвета для верхней границы объекта.
Если один из параметров не описан в borderTop, то ему автоматически присваивается его значение по умолчанию. Например, для ширины (width) значением по умолчанию является medium.
В Internet Explorer 5.5 borderTop применяется для строковых объектов. В ранних версиях Windows Internet Explorer строковые объекты должны были быть описаны с помощью position: absolute, чтобы использовать это свойство.
Формат элемента устанавливается путем задания значений свойствам height и width. Если цвет не определен, то будет использоваться цвет текста. Более подробную информацию по поддерживаемым цветам можно посмотреть в таблице Коды и названия цветов в HTML
[править] Примеры
Следующие примеры иллюстрируют применение свойства borderTop и атрибута border-top для задания различных параметров верхней границы объекта.
В первом примере используется атрибут border-top для задания верхней границы элемента.
<HEAD>
<STYLE>
TD { border-top:0.5cm solid yellow }
.change { border-top:0.5cm groove pink }
</STYLE>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD onmouseover="this.className='change'"
onmouseout="this.className=''">
<IMG src="sphere.jpg">
</TD>
</TR>
</TABLE>
Во втором примере для изменения верхней границы применяется свойство borderTop.
<TD onmouseover="this.style.borderTop='0.3cm groove yellow'">
[править] Стандарты
Это свойство определено в
[править] Поддерживаемые браузеры
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
[править] Смотри также
border, CSS Enhancements in Internet Explorer 6
[править] Ссылки на источники
