Справочник по 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'">

Стандарты

Это свойство определено в Cascading Style Sheets (CSS), Level 1 (CSS1)

Поддерживаемые браузеры

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

Ссылки на источники

http://msdn.microsoft.com/en-us/library/ms533527(VS.85).aspx

https://developer.mozilla.org/en/CSS/border-top

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="http://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования