Управляет стилем нижней стороны рамки (бордюра, границы) вокруг элемента.
Пример
Code
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
Заимствует значение свойства у родительского элемента.