border-bottom

Свойство border-bottom управляет внешним видом нижней стороны рамки вокруг элемента.

По сути, border-bottom предлагает сокращенный вариант записи для свойств border-bottom-width, border-bottom-style и border-bottom-color - цвет, стиль и ширину можно определить в одной строке.

Пример

h1 {
        background-color:#eeeeee;
        border:solid 1px black;
        border-bottom: dashed 3px blue;
}

Результат:

Этот пример аналогичен следующей записи:

h1 {
        background-color:#eeeeee;
        border:solid 1px black;
        border-bottom-style: dashed;
        border-bottom-color: blue;
        border-bottom-width: 3px;
}

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

...список...
Значения свойств border-bottom-width, border-bottom-style и border-bottom-color разделенные пробелом; могут располагаться в любом порядке.
inherit
Заимствует значение свойства у родительского элемента.

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

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

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

См. также