Руководство по CSS

Правила CSS (@RULES)

Полный список свойств CSS

Свойство border-bottom-color CSS Свойство border CSS

Метод использования и примеры свойства CSS border-bottom

Свойство border-bottom CSS устанавливает ширину, стиль и цвет элемента нижнего края. Это отдельное свойство для настройки нижнего края, то есть сокращенная шорткост-свойство. border-bottom-width,border-bottom-styleиborder-bottom-colorЭто отдельное свойство объявления.

В таблице ниже резюмируются контекст использования и история версий этого свойства.

Значение по умолчанию:	Просмотреть все свойства
Применяется к:	Все элементы
Инheritance:	Нет
Анимировано:	Да,См. также отдельные свойства.См. также Анимационные свойства.
Версия:	CSS 1, 2, 3
JavaScript грамматика:	object object.style.borderBottom="2px solid red"

Грамматика использования border-bottom

Грамматика этого свойства такая:

border-bottom: [ border-bottom-width border-bottom-style border-bottom-color ] | initial | inherit

Ниже приведен пример того, как использовать свойство border-bottom.

Пример

h1 {border-bottom: 5px dashed #ff0000;}
p {border-bottom: 3px dotted #00ff00;}

Проверьте‹/›

Значения свойств

В таблице ниже описаны значения этого свойства.

Значение	Описание
border-bottom-width	Установить ширину нижнего края элемента.
border-bottom-style	Установить стиль линии нижнего края элемента.
border-bottom-color	Установить цвет нижнего края элемента.
initial	Установить это свойство в его значение по умолчанию.
inherit	Если указано, то связанный элемент использует вычисленное значение свойства border-bottom родительского элемента.

Совместимость браузеров

Совместимость браузеров для свойства border-bottom, все основные браузеры поддерживают это свойство.

	Firefox 1+ Google Chrome 1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

Для дальнейшего чтения

См. также учебник:CSS Border,CSS3 Border.

См. также свойства:border,border-bottom-color,border-bottom-style,border-bottom-width.

Свойство border-bottom-color CSS Свойство border CSS