Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Расположение и границы : border-top-color

смотрим также
    Разработка дизайна упаковки brand-expert.ru.

Материал из Справочник 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

Смотри также

border

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

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

https://developer.mozilla.org/en/CSS/border-left-color

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