rooster

CSS Referentiemanual

CSS eigenschappen

Facultatieve cursus

Aanbevolen cursus:

CodeW3C.com schatkist

CSS border-lijn-kleur eigenschap

Vorige pagina border-inline
Volgende pagina border-inline-end

Definitie en gebruik

border-inline-color de eigenschap in te stellen om de randkleur van het element in de inline-richting te bepalen.

Opmerking:Om border-inline-color De eigenschap moet worden ingesteld om effectief te zijn border-inline-style.

border-inline-color De waarde van de eigenschap kan op verschillende manieren worden ingesteld:

als border-inline-color de eigenschap heeft twee waarden:

border-inline-color: roze blauw;

De randkleur aan het begin van de inline-stijl is roze
De randkleur aan het einde van de inline-stijl is blauw

als border-inline-color de eigenschap heeft een waarde:

border-inline-color: blue;

De randkleur aan het begin en einde van de inline-stijl is blauw

van CSS border-inline-color eigenschappen met border-bottom-color,border-left-color,border-right-color en border-top-color De eigenschappen zijn zeer vergelijkbaar, maar border-inline-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 het begin en einde van een regel, evenals border-inline-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 op de inline-richting instellen:

#example1 {
  border-inline-style: solid;
  border-inline-color: pink;
}
#example2 {
  border-inline-style: solid;
  border-inline-color: pink lightblue;
}

Probeer het zelf

Voorbeeld 2: Combinatie van de writing-mode-eigenschap

De randen aan het begin en einde van de inline-richting worden beïnvloed door writing-mode Invloed van de eigenschap:

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

Probeer het zelf

Voorbeeld 3: Combinatie van de direction-eigenschap

De randen aan het begin en einde van de inline-richting worden beïnvloed door direction Invloed van de eigenschap:

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

Probeer het zelf

CSS syntaxis

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

Eigenschapswaarde

Waarde	Beschrijving
color	De kleur van de rand specificeren. De standaardkleur is de huidige kleur van het element. Bekijk de CSS-kleurenwaarden om een volledige lijst van mogelijke kleurenwaarden te verkrijgen.
transparent	De kleur van de rand moet transparant zijn.
initial	Deze eigenschap instellen op de standaardwaarde. Raadpleeg initial.
inherit	Deze eigenschap van de ouder element overnemen. Raadpleeg inherit.

Technische details

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