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

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

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

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

Синтаксис

border-top-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-top-width: 1px
}

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

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