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

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

Браузеры для ПК
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
Да Да Да Да Да Да Да

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

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

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

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

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

Синтаксис

border-bottom: [border-style || border-color|| border-width] | inherit | none;

Например:

... border-bottom: 3px dotted red; или border-bottom: inherit; ...

Значения

border-style

Задает стиль границы элемента. Ниже представлены допустимые значения стиля границы в примерах (толщина границы 3 пикселя).

dotted dashed solid double groove ridge inset outset

border-color

Задает цвет границы элемента в любых доступных в CSS значениях.

border-width

Устанавливает толщину границы элемента.

inherit Наследует значение родителя.
none Удаляет нижнюю границу у элемента.

Пример

border-bottom: 3px dotted red;
border-bottom: solid #06F 1px;
border-bottom: 6px double rgba(0, 152, 133, 0.8);

Результат

В этом блоке показан пример использования свойства border-bottom: 3px dotted red;.