1. Главная
2. CSS
3. Свойство caret-color

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

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

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

Синтаксис

border-bottom-color: color|transparent|initial|inherit;

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

Песочница

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

<div class="block block-1"></div>
<div class="block block-2"></div>
<div class="block block-3"></div>

.block {
  height: 50px;
  width: 50px;
  display: inline-block;
  background: #f1f1f1;
  border: 3px solid gray 
}
 
.block-1 {
  border-bottom-color: blue;
}

.block-2 {
  border-bottom-color: red;
}

.block-3 {
  border-bottom-color: transparent;
}