CSS border-block-end-color egenskab

sidste side border-block-end
Næste side border-block-end-style

Definisjon og bruk

border-block-end-color egenskapen for å sette kantfargen til elementet i blokkretningens ende.

Bemerk:For å bruke border-block-end-color Egenskapen virker, må settes border-block-end-style egenskapen.

CSS border-block-end-color-egenskapen sammenlignet med CSS-egenskapen border-bottom-width,border-left-width,border-right-width og border-top-width Meget lik, men border-block-end-color Egenskapen avhenger av blokkretningen.

Bemerk:tilhørende CSS-egenskaper writing-mode Definerer blokkretningen. Dette påvirker blokkens start- og sluttposisjon samt border-block-end-color Egenskapsresultatet. For engelske sider, inline-veiledningen er fra venstre til høyre, blokkveiledningen er nedover.

Eksempel

Eksempel 1

Sett farge for kant på blokkretningens ende:

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

Prøv selv

Eksempel 2: Kombinert med writing-mode-egenskapen

Kantfargeposisjonen for blokkretningen er påvirket av writing-mode Egenskapspåvirkning:

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

Prøv selv

CSS syntaks

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

Egenskapsverdi

Verdi	Beskrivelse
color	Angi kantfargen. Standard er elementets nåværende farge. Se:CSS farveværdier.
gjennomsiktig	Angi at kantfargen skal være gjennomsiktig.
initial	Sett denne egenskapen til standardverdien. Se: initial.
inherit	Arv denne egenskapen fra foreldrelementet. Se: inherit.

Tekniske detaljer

Standardverdi:	Elementets nåværende farge
Arv:	Nei
Animasjonsproduksjon:	Støttet. Se:Animasjonsrelaterte egenskaper.
Versjon:	CSS3
JavaScript syntaks:	object.style.borderBlockEndColor="pink"