CSS border-block-end-color egenskap

Föregående sida border-block-end
Nästa sida border-block-end-style

Definition och användning

border-block-end-color egenskapen för att ställa in elementets kantfärg vid slutpositionen i blockdirectionen.

Observera:För att använda border-block-end-color Egenskapen är aktiv, måste sättas border-block-end-style egenskapen.

CSS border-block-end-color egenskapen jämfört med CSS egenskapen border-bottom-width,border-left-width,border-right-width och border-top-width Mycket liknande, men border-block-end-color Egenskapen är beroende av blockdirectionen.

Observera:relaterade CSS egenskaper writing-mode Definierar blockdirectionen. Detta påverkar början och slutpositionen på blocken samt border-block-end-color Egenskapens resultat. För engelska sidor, inline-directionen är från vänster till höger, block-directionen är neråt.

Exempel

Exempel 1

Ställ in färgen för kantens slutposition på blockdirectionen:

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

Prova själv

Exempel 2: Kombinera writing-mode egenskapen

Kantdirectionens slutposition på blockdirectionen påverkas av writing-mode Egenskapspåverkan:

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

Prova själv

CSS syntax

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

Egenskapsvärde

Värde	Beskrivning
color	Specificera kantfärgen. Standard är elementets nuvarande färg. Se:CSS färgvärden.
transparent	Specificera att kantfärgen bör vara transparent.
initial	Sätt detta egenskap till dess standardvärde. Se: initial.
inherit	Följande är att arbeta med egenskapen från föräldrelementet. Se: inherit.

Tekniska detaljer

Standardvärde:	Elementets nuvarande färg
Arvbarhet:	Nej
Animation production:	Stöd. Se:Animation relaterade egenskaper.
Version:	CSS3
JavaScript syntax:	object.style.borderBlockEndColor="pink"