CSS border-block-eind-kleur eigenschap

上一页 border-block-end
Volgende pagina border-block-end-style

Definitie en gebruik

border-block-end-color eigenschap te gebruiken voor het instellen van de randkleur aan het einde van het element in de blokkenrichting.

Opmerking:Om border-block-end-color De eigenschap moet worden ingesteld border-block-end-style eigenschap.

De CSS border-block-end-color eigenschap is vergelijkbaar met de CSS eigenschap border-bottom-width,border-left-width,border-right-width en border-top-width Zeer vergelijkbaar, maar border-block-end-color De eigenschap is afhankelijk van de blokkenrichting.

Opmerking:gerelateerde CSS eigenschappen writing-mode Definieert de blokkenrichting. Dit beïnvloedt de begin- en eindpositie van de blokken en border-block-end-color Het resultaat van de eigenschap. Voor Engelse pagina's, de inline richting is van links naar rechts, de blokken zijn naar beneden.

Voorbeeld

Voorbeeld 1

Kleuren instellen voor het einde van de blokken:

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

Probeer het zelf

Voorbeeld 2: Combinatie van writing-mode eigenschap

De positie van de kleur van de rand aan het einde van de blokken wordt beïnvloed door writing-mode Eigenschapsinvloed:

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

Probeer het zelf

CSS syntaxis

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

Eigenschapswaarde

Waarde	Beschrijving
kleur	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	Dit kenmerk instellen op de standaardwaarde. Raadpleeg initial.
inherit	Dit kenmerk overnemen van de ouder element. Raadpleeg inherit.

Technische details

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