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