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

Поддержка браузерами

Браузеры для ПК
Internet Explorer Chrome Opera Safari Firefox Edge
4.0+ 1.0+ 3.5+ 1.0+ 1.0+ 12+
Браузеры для планшетов и мобильных устройств
Android webview Chrome для Android Edge Mobile Firefox для Android Opera для Android iOS Safari Samsung Internet
Да Да Да Да Да Да Да

Краткая информация

Значение по умолчанию transparent или значение цвета, заданное через color
Наследуется Нет
Применяется Ко всем элементам
Аналог HTML Нет
Реализация в javascript Добавление стиля непосредственно самому элементу
document.getElementById('idElement').style.borderBottomColor = '#1e5799';
в данном случае элементу с id='idElement' будет добавлен стиль
border-bottom-color:#1e5799;
Результат будет следующий, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="border-bottom-color:#1e5799;">...</div>
Реализация в jQuery Добавление стиля непосредственно самому элементу
$('#idElement').css('border-bottom-color','#1e5799');
в данном случае элементу с id='idElement' будет добавлен стиль
border-bottom-color:#1e5799;
Результат будет следующий, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="border-bottom-color:#1e5799;">...</div>

Поддерживающие версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

Устанавливает цвет нижней границы элемента.

Перед использованием данного свойства необходимо задать стиль через border, border-bottom, border-style или border-bottom-style и толщину границы через border, border-bottom, border-width или border-bottom-width

Синтаксис

border-bottom-color: цвет | transparent | inherit;

Например:

... border-bottom-color: rgb(30, 87, 153); или border-bottom-color: transparent; ...

Значения

transparent

Устанавливает прозрачный цвет.

inherit

Наследует значение цвета родителя.

цвет

Цвета в любых допустимых CSS значениях цвета

initial Свойство добавлено в CSS3. Устанавливает исходное значение свойства.

Пример

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Пример использования свойства border-bottom-color</title> <style> div { padding: 10px; border: 3px solid #666; border-bottom-color:#1e5799; } </style> </head> <body> <div> В этом блоке показан пример использования border-bottom-color CSS. </div> </body> </html>

Результат

В этом блоке показан пример использования border-bottom-color CSS.