Свойство border-block-start-color CSS

Определение и использование

border-block-start-color свойство устанавливает цвет рамки элемента в начале блокового направления.

注意:чтобы border-block-start-color свойство вступает в силу, если установлено border-block-start-style свойства.

CSS border-block-start-color свойства и CSS свойства border-bottom-color,border-left-color,border-right-color и border-top-color очень похожи, но border-block-start-color Свойство зависит от блокового направления.

注意:связанные CSS свойства writing-mode Определяет блоковое направление. Это влияет на начало и конец блока, а также border-block-start-color Результат свойства. Для английских страниц, инлайн-направление слева направо, блоковое направление вниз.

Пример

Пример 1

Установить цвет рамки в начале блока:

div {
  border-block-start-style: solid;
  border-block-start-color: pink;
}

Попробуйте сами

Пример 2: в сочетании с свойством writing-mode

Положение цвета рамки в начале блока зависит от writing-mode Влияние свойства:

div {
  border-block-start-style: solid;
  writing-mode: vertical-rl;
  border-block-start-color: blue;
}

Попробуйте сами

CSS синтаксис

border-block-start-color: color|transparent|initial|inherit;

Значение атрибута

Значение Описание
color Указать цвет рамки. По умолчанию это текущий цвет элемента. См. также:Значения цвета CSS.
transparent Указать цвет рамки должен быть прозрачным.
initial Этот атрибут устанавливается в его значение по умолчанию. См. также: initial.
inherit Этот атрибут наследуется от родительского элемента. См. также: inherit.

Технические детали

Значение по умолчанию: Текущий цвет элемента
Инheritability: Нет
Создание анимации: Поддержка. См. также:Анимационные свойства.
Версия: CSS3
JavaScript синтаксис: object.style.borderBlockStartColor="pink"

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

Числа в таблице представляют собой версии браузеров, которые полностью поддерживают этот атрибут.

Chrome Edge Firefox Safari Opera
69.0 79.0 41.0 12.1 56.0

Связанные страницы

Инструкции:Рамки в CSS

См. также:Свойство border CSS

См. также:Свойство border-block CSS

См. также:Свойство border-block-color CSS

См. также:Свойство border-block-end-color CSS

См. также:Свойство border-block-start-style CSS

См. также:Свойство border-bottom-color CSS

См. также:Свойство border-left-color CSS

См. также:Свойство border-right-color CSS

См. также:Свойство border-top-color CSS

См. также:Свойство writing-mode в CSS