Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Расположение и границы : border-bottom
смотрим также
Материал из Справочник Web-языков
Содержание |
Атрибут border-bottom | Свойство borderBottom
Это свойство позволяет одновременно задать толщину, стиль и цвет нижней границы элемента.
Синтаксис
| HTML | { border-bottom : sBottom } |
| Скрипты | [ sBottom = ] object.style.borderBottom |
Возможные значения
- sBottom
- Строка, которая может определять и принимать одно или несколько из следующих значений:
width Любое из диапазона возможных значений ширины, доступных для свойства borderBottomWidth. style Любое из диапазона возможных значений стиля, доступных для свойства borderBottomStyle. color Любое из диапазона возможных значений цвета, доступных для свойства borderBottomColor.
Эти параметры могут быть описаны в любом порядке.
Свойство borderBottom не наследуется, то есть должно быть определено отдельно для каждого элемента. Значение по умолчанию зависит от используемых аргументов.
Свойство borderBottom может быть применено для любых элементов.
Замечания
Свойство borderBottom часто называют составным, так как устанавливает значения и ширины, и стиля, и цвета для нижней части границы объекта.
Если один из параметров не описан в borderBottom, то ему автоматически присваивается его значение по умолчанию. Например, для ширины (width) значением по умолчанию является medium.
В Internet Explorer 5.5 borderBottom применяется для строковых объектов. В ранних версиях Windows Internet Explorer строковые объекты должны были быть описаны с помощью position: absolute, чтобы использовать это свойство.
Формат элемента устанавливается путем задания значений свойствам height и width. Если цвет не определен, то будет использоваться цвет текста. Более подробную информацию по поддерживаемым цветам можно посмотреть в таблице Коды и названия цветов в HTML
Примеры
Следующие примеры иллюстрируют применение свойства borderBottom и атрибута border-bottom для задания различных параметров нижней границы объекта.
В первом примере используется атрибут border-bottom для описания нижней границы элемента.
<HEAD>
<STYLE>
TD { border-bottom:0.5cm solid yellow }
.change { border-bottom:0.5cm groove pink }
</STYLE>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD onmouseover="this.className='change'"
onmouseout="this.className=''"><IMG src="sphere.jpg"></TD>
</TR>
</TABLE>
Во втором примере для изменения нижней границы применяется свойство borderBottom.
<TD onmouseover="this.style.borderBottom='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, 10.0
Safari 1.3, 2.0, 3.1
Firefox 1.5, 2.0, 3.0
Смотри также
border, CSS Enhancements in Internet Explorer 6
Ссылки на источники
https://msdn.microsoft.com/en-us/library/ms533509(VS.85).aspx
