border-block-color¶
Свойство border-block-color
определяет цвет границ логического блока элемента, который отображается на физический цвет границы в зависимости от режима письма элемента, направленности и ориентации текста.
Он соответствует свойству border-top-color и border-bottom-color или border-right-color и border-left-color в зависимости от значений, определенных для режима письма, направления и ориентации текста.
Логические границы
- border-block
- border-block-color
- border-block-end
- border-block-end-color
- border-block-end-style
- border-block-end-width
- border-block-start
- border-block-start-color
- border-block-start-style
- border-block-start-width
- border-block-style
- border-block-width
- border-inline
- border-inline-color
- border-inline-end
- border-inline-end-color
- border-inline-end-style
- border-inline-end-width
- border-inline-start
- border-inline-start-color
- border-inline-start-style
- border-inline-start-width
- border-inline-style
- border-inline-width
- border-start-start-radius
- border-start-end-radius
- border-end-start-radius
- border-end-end-radius
Синтаксис¶
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
MDN (рус.) - CSS Logical Properties and Values Level 1 Spec (англ.)