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

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

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

border-inline-start-color свойство-установки-цвета-границы-элемента-в-начале-внутренней-ориентации

Внимание:чтобы-установить border-inline-start-color свойство-действует-только-при-наличии-установки border-inline-start-style свойство

CSS border-inline-start-color свойство-и нижний-оттенок-границыилевый-оттенок-границыиправый-оттенок-границы и border-top-color Свойства очень похожи, но border-inline-start-color Свойство зависит от inline-направления.

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

Пример

Пример 1

Установить цвет рамки для начала.inline-направления:

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

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

Пример 2

использования свойства writing-mode

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

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

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

Пример 3

использования свойства direction

Положение рамки в начале и конце.inline-направления зависит от direction Влияние свойства:

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

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

CSS синтаксис

border-inline-start-color: color|прозрачный|initial|inherit;

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

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

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

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