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

Это свойство определяет стиль нижней стороны рамки HTML элемента.

CSS синтаксис

border-bottom-style: значение;

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

ЗначениеОписание
noneЗначение по умолчанию. Без рамки.
hiddenТо же, что и none, за исключением разрешения конфликтов с рамками в элементах таблиц.
dottedРамка состоит из точек.
dashedРамка состоит из черточек.
solidСплошная линия.
doubleДвойная сплошная линия.
groove3-D рамка, представляющая прорезанный желоб. Эффект зависит от значения свойства border-color.
ridge3-D рамка, представляющая оттиснутую борозду. Эффект зависит от значения свойства border-color.
inset3-D рамка, представляющая вдавленное углубление. Эффект зависит от значения свойства border-color.
outset3-D рамка, представляющая выставленное возвышение. Эффект зависит от значения свойства border-color.
initialУстанавливает значение по умолчанию.
inheritЗначение наследуется от родительского элемента.

Пример использования

Устанавливаем стиль для нижней стороны рамки параграфа


p {
     border-bottom-style: dotted;
}