Это свойство позволяет определить все атрибуты нижней рамки HTML элемента за одну декларацию.
Свойство border-bottom позволяет устанавливает следующие свойства рамки: border-bottom-width, border-bottom-style и border-bottom-color.
В декларации можно опускать определение любого атрибута. Например, декларация border-bottom: solid #ff0000; вполне допустима.
CSS синтаксис
border-bottom: border-width border-style border-color | initial | inherit;
Возможные значения
| Значение | Описание |
|---|---|
| border-bottom-width | Устанавливает толщину нижней рамки. По умолчанию "medium". |
| border-bottom-style | Устанавливает стиль нижней рамки. По умолчанию "none". |
| border-bottom-color | Устанавливает цвет нижней рамки. По умолчанию - цвет элемента. |
| inherit | Значение наследуется от родительского элемента. |
| initial | Устанавливает значение по умолчанию. |
Пример использования
Устанавливаем стиль нижней рамки параграфа
p {
border-bottom: thick double #ff0000;
}
