Атрибут border-bottom-color в CSS

Определение и использование

border-bottom-color устанавливает цвет нижней границы элемента.

Можете определить только чистый цвет, и граница появляется только когда стиль границы не equals none или hidden.

Примечание:Всегда ставьте атрибут border-style до border-color. Элемент должен получить границу, прежде чем вы измените её цвет.

См. также:

Уроки CSS:Рамки CSS

Руководство по CSS:Свойство border-bottom

Руководство по HTML DOM:Свойство borderBottomColor

Пример

Установка цвета нижней границы:

p
  {
  border-style:solid;
  border-bottom-color:#ff0000;
  }

Попробуйте сами

CSS синтаксис

border-bottom-color: color|transparent|initial|inherit;

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

Значение Описание
color_name Определяет цвет границы как имя цвета (например, red).
hex_number Определяет цвет границы как шестнадцатеричное значение (например, #ff0000).
rgb_number Определяет цвет границы как значение rgb кода (например, rgb(255,0,0)).
transparent Default value. Цвет границы прозрачен.
inherit Определяет, что цвет границы должен быть инеритирован от родительского элемента.

Технические детали

Default value: not specified
Инheritability: no
Версия: CSS1
JavaScript синтаксис: object.style.borderBottomColor="blue"

Более примеров

Установка цвета нижней границы
Этот пример демонстрирует, как установить цвет нижней границы.

Поддержка браузеров

Числа в таблице указывают на первую версию браузера, которая поддерживает этот атрибут полностью.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Примечание:Интернет-Explorer 6 (и более ранние версии) не поддерживает значение свойства "transparent".

Примечание:Интернет-Explorer 7 и более ранние версии браузеров не поддерживают значение "inherit". IE8 требует !DOCTYPE. IE9 поддерживает "inherit".