border-bottom-style

Управляет стилем нижней стороны рамки (бордюра, границы) вокруг элемента.

Пример

h1{
        background-color:#eeeeee;
        border:solid 2px red; /* вся рамка - красная сплошная */
        border-bottom-style: dotted; /* и только нижняя граница пунктиром */
}

В результате мы переопределили стиль нижней границы на пунктирный:

Возможные значения

solid
Обычная сплошная рамка.
none
Рамка отсутствует, её ширина равна нулю.
hidden
Результат тот же, что и при border-bottom-style: none - рамка не отображается.
dotted
Рамка в виде последовательности точек (мелкий пунктир).
dashed
Пунктирная рамка.
double
Двойная линия.
groove
"Вдавленная" рамка, с эффектом объёма.
ridge
"Выпуклая" рамка, с эффектом объёма.
inset
Вариант "вдавленной" рамки, с эффектом объёма.
outset
Вариант "выпуклой" рамки, с эффектом объёма.
inherit
Заимствует значение свойства у родительского элемента.

Характеристики

Значение по умолчанию: none

Применяется: Ко всем элементам

Наследуется: Нет

См. также