Атрибут border-block-end-color CSS

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

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

Примечание:Чтобы сделать border-block-end-color Свойство становится активным, если установлено border-block-end-style свойств.

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

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

Пример

Пример 1

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

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

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

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

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

div {
  border-block-end-style: solid;
  writing-mode: vertical-rl;
  border-block-end-color: 5px;
}

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

CSS синтаксис

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

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

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

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

Значение по умолчанию: текущий цвет элемента
Инheritability: нет
Создание анимации: Поддержка. См. также:Анимационные свойства.
Версия: CSS3
JavaScript синтаксис: object.style.borderBlockEndColor="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-start-color CSS

См. также:Атрибут border-block-end-style CSS

См. также:Атрибут border-bottom-color CSS

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

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

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

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