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 Синтаксис¶ 1 2border-block-color: yellow; border-block-color: #f5f6f7; Значения¶ цвет Цвет границы Определение¶ Начальное значение currentcolor Применяется ко всем элементам Наследуется нет Вычисленное значение как определено Тип анимации дискретный Поддержка браузерами¶ Примеры¶ HTMLCSSРезультат 1 2 3<div> <p class="exampleText">Example text</p> </div> 1 2 3 4 5 6 7 8 9 10 11div { 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 (англ.) Комментарии