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

предыдущая страница border-inline-end
Следующая страница border-inline-end-style

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

border-inline-end-color установить цвет рамки элемента в конце его строкового направления.

Свойство зависит от направления инлайна.Чтобы border-inline-end-color Для того чтобы свойства вступили в силу, их необходимо установить border-inline-end-style Свойства.

CSS border-inline-end-color атрибуты Свойства,border-bottom-color,border-left-color и border-right-color border-top-color border-inline-end-color Свойства очень похожи, но

Свойство зависит от направления инлайна.Внимание: writing-mode,связанные CSS свойства и direction Определяет направление инлайна. Это влияет на начало и конец строки, а также border-inline-end-color Эффект свойства. Для английских страниц, направление инлайна слева направо, а направление блока — вниз.

Пример

Пример 1

Установить цвет рамки для конца инлайна:

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

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

Пример 2: Комбинация свойства writing-mode

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

div {
  border-inline-end-style: solid;
  writing-mode: vertical-rl;
  border-inline-end-color: blue;
}

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

Пример 3: Комбинация свойства direction

Положение конца рамки в方向的 инлайна зависит от direction Влияние свойства:

div {
  direction: rtl;
  border-inline-end-color: hotpink;
}

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

CSS синтаксис

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

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

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

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

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