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

смотрим также

Материал из Справочник Web-языков

Перейти к: навигация, поиск


Содержание

Атрибут border-left-color | Свойство borderLeftColor

Это свойство позволяет установить цвет левой границы элемента.

Синтаксис

HTML { border-left-color : sColor }
Скрипты [ sColor = ] object.style.borderLeftColor

Возможные значения

sColor
Строковое (string) или числовое (integer) значение, которое задается либо путем присвоения ему текстового названия цвета, например, blue, либо числового шестнадцатиричного или RGB-кода из таблицы Коды и названия цветов в HTML.

Свойство borderLeftColor не наследуется, то есть должно быть определено отдельно для каждого элемента.

Значением по умолчанию является значение цвета, заданное в параметре color.

Замечания

В Internet Explorer 5.5 borderLeftColor применяется для строковых объектов. В ранних версиях Windows Internet Explorer строковые объекты должны были быть описаны с помощью position: absolute, чтобы использовать это свойство. Формат элемента устанавливается путем задания значений свойствам height и width.

Некоторые браузеры не поддерживают задание цвета в виде текстового названия, но все браузеры поддерживают задание цвета с помощью RGB-кода и в этом случае отображают цвет корректно.

Примеры

Следующие примеры иллюстрируют применение свойства borderLeftColor и атрибута border-left-color для задания цвета левой границы объекта.

В первом примере используется атрибут border-left-color для задания цвета левой границы элемента.

<HEAD>
<STYLE>
    TD { border-left-color: red;
        border-width: 0.5cm; border-style: groove}
    .blue { border-left-color: blue}
</STYLE>
</HEAD>
<BODY>
<TABLE BORDER>
<TR>
    <TD onmouseover="this.className='blue'"
        onmouseout="this.className=''">
        <IMG src="sphere.jpg">
    </TD>
</TR>
</TABLE>

Во втором примере для изменения цвета левой границы элемента применяется свойство borderLeftColor. Цвет границы меняется с красного на синий при наведении на объект курсора мыши.

<TD onmouseover="this.style.borderWidth='0.5cm';
    this.style.borderLeftColor='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/ms533510(VS.85).aspx

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

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