border-bottom-style
Управляет стилем нижней стороны рамки (бордюра, границы) вокруг элемента.
dotted |
solid |
dashed |
double |
inset |
outset |
ridge |
groove |
Пример
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
Применяется: Ко всем элементам
Наследуется: Нет
См. также
border-style
border-top-style
border-left-style
border-right-style