Перейти к содержанию

border-block-color

Свойство border-block-color определяет цвет границ логического блока элемента, который отображается на физический цвет границы в зависимости от режима письма элемента, направленности и ориентации текста.

Он соответствует свойству border-top-color и border-bottom-color или border-right-color и border-left-color в зависимости от значений, определенных для режима письма, направления и ориентации текста.

Логические границы

Синтаксис

border-block-color: yellow;
border-block-color: #F5F6F7;

Значения

цвет
Цвет границы

Определение

Начальное значение currentcolor
Применяется ко всем элементам
Наследуется нет
Вычисленное значение как определено
Тип анимации дискретный

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

Примеры

<div>
  <p class="exampleText">Example text</p>
</div>
div {
  background-color: yellow;
  width: 120px;
  height: 120px;
}

.exampleText {
  writing-mode: vertical-lr;
  border: 10px solid blue;
  border-block-color: red;
}

border-block-color

Ссылки