Свойство 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
Инheritance: 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".