Свойство border-bottom-width
Создание сайта на CMS WordPress: обучение и хостинг
← Перейти к списку свойств

СВОЙСТВО BORDER-BOTTOM-WIDTH

Свойство border-bottom-width устанавливает ширину нижней рамки элемента.

Поддержка браузеров

Синтаксис

border-bottom-width: единицы измерения|medium|thin|thick|initial|inherit

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

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

Песочница

Код в песочнице можно редактировать и видеть результат в реальном времени:

<div class="block block-1"></div>
<div class="block block-2"></div>
<div class="block block-3"></div>
HTML
.block {
  height: 50px;
  width: 50px;
  display: inline-block;
  background: #f1f1f1;
  border: 3px solid gray 
}
 
.block-1 {
  border-bottom-width: 1px
}

.block-2 {
  border-bottom-width: thick
}

.block-3 {
  border-bottom-width: 10px
}
CSS
← Перейти к списку свойств