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

CSS-свойство border-bottom устанавливает ширину, стиль и цвет нижней границы элемента. Это короткое свойство для объединения отдельных свойств нижней границы, т.е. border-bottom-width, border-bottom-style, и border-bottom-color.

Значение по умолчанию:	Индивидуальные CSS-свойства
Применяется к:	Все элементы
Наследование:	Нет
Анимирование:	Да. Анимируемые свойства
Версия:	CSS 1, 2, 3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

border-bottom: [ border-bottom-width border-bottom-style border-bottom-color ] | initial | inherit

Примеры написания кода свойства border-bottom:

h1 {
    border-bottom: 5px dashed #ff0000;
}
p {
    border-bottom: 3px dotted #00ff00;
}

Значения свойств

В следующей таблице описаны значения этого свойства.

Значение	Описание
`border-bottom-width`	Устанавливает ширину нижней границы элемента.
`border-bottom-style`	Устанавливает стиль линии нижней границы элемента.
`border-bottom-color`	Устанавливает цвет нижней границы элемента.
`initial`	Устанавливает это свойство в значение по умолчанию.
`inherit`	Если указан, связанный элемент принимает вычисленное значение своего свойства родительского элемента `border-bottom`.