CSS border-inline-start-kleur eigenschap

vorige pagina border-inline-start
Volgende pagina border-inline-start-style

定义和用法

border-inline-start-color 属性设置元素在其行内方向开始处的边框颜色。

Opmerking:要使 border-inline-start-color 属性生效，必须设置 border-inline-start-style 属性。

CSS border-inline-start-color 属性与 border-bottom-color,border-left-color,border-right-color en border-top-color De eigenschappen zijn zeer vergelijkbaar, maar border-inline-start-color De eigenschap is afhankelijk van de inline-richting.

Opmerking:gerelateerde CSS-eigenschappen writing-mode,text-orientation en direction Definieert de inline-richting. Dit beïnvloedt de begin- en eindpositie van een regel, evenals border-inline-start-color Het effect van de eigenschap. Voor Engelse pagina's is de inline-richting van links naar rechts, en de blokrichting is naar beneden.

Voorbeeld

Voorbeeld 1

Kleur van de rand aan het begin van de inline-richting instellen:

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

Probeer het zelf uit

Voorbeeld 2

het gebruik van de writing-mode eigenschap

De positie van de rand aan het begin van de inline-richting wordt beïnvloed door writing-mode Eigenschapsinvloed:

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

Probeer het zelf uit

Voorbeeld 3

het gebruik van de direction eigenschap

De positie van de rand aan het begin en einde van de inline-richting wordt beïnvloed door direction Eigenschapsinvloed:

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

Probeer het zelf uit

CSS syntax

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

Eigenschapswaarde

Waarde	Beschrijving
color	De kleur van de rand specificeren. Standaard is de huidige kleur van het element. Raadpleeg:CSS Kleurwaarde.
transparent	De kleur van de rand moet transparant zijn.
initial	Deze eigenschap instellen op de standaardwaarde. Raadpleeg initial.
inherit	Deze eigenschap overnemen van de ouderlijke element. Raadpleeg inherit.

Technische details

Standaardwaarde:	De huidige kleur van het element
Inheritance:	Nee
Animatie maken:	Ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie:	CSS3
JavaScript syntax:	object.style.borderInlineStartColor="pink"