Атрибут border-bottom-width CSS

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

Свойство borderBottom-width устанавливает ширину нижней границы элемента.

Работает только если стиль границы не equals none. Если стиль границы equals none, ширина границы фактически будет установлена в 0. Запрещается указывать отрицательные значения длины.

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

См. также:

Уроки CSS:Края CSS

Руководство по CSS:Свойство border-bottom

Руководство по HTML DOM:Свойство borderBottomWidth

Пример

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

p
  {
  border-style:solid;
  border-bottom-width:15px;
  }

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

CSS синтаксис

border-bottom-width: medium|thin|thick|length|initial|inherit;

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

Значение Описание
thin Определяет тонкую нижнюю границу.
medium Значение по умолчанию. Определяет среднюю нижнюю границу.
thick Определяет толстую нижнюю границу.
length Позволяет вам настроить ширину нижней границы.
inherit Указать, что ширина границы должна наследоваться от родительского элемента.

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

Установка ширины нижней границы
Этот пример демонстрирует, как установить ширину нижней границы.

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

Значение по умолчанию: medium
Ингерит: no
Версия: CSS1
JavaScript синтаксис: object.style.borderBottomWidth="thick"

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

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

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

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