Атрибут border-bottom CSS

Определение и использование

Сокращенный атрибут borderBottom устанавливает все свойства нижней границы в одном заявлении.

Свойства можно устанавливать в следующем порядке:

Если не указать одного из значений, это не вызовет проблем, например, border-bottom:solid #ff0000; также допускается.

См. также:

Учебник CSS:Границы CSS

Руководство по HTML DOM:Атрибут borderBottom

Пример

Установить стиль нижней границы:

p
  {
  border-style:solid;
  border-bottom:thick dotted #ff0000;
  }

Попробуйте сами

CSS синтаксис

border-bottom: border-width border-style border-color|initial|inherit;

Значение атрибута

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

Технические детали

Значение по умолчанию: не указано
Ингерит: нет
Версия: CSS1
JavaScript синтаксис: object.style.borderBottom="3px solid blue"

Более примеров

Все свойства нижней границы в одном заявлении
Этот пример демонстрирует использование сокращенного свойства для установки всех свойств нижней границы в одном заявлении.

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Комментарий:Браузеры IE7 и более ранние версии не поддерживают значение "inherit". Для IE8 необходим !DOCTYPE. IE9 поддерживает "inherit".