CSS border-inline-end-color egenskab

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

definition og brug

border-inline-end-color egenskab indstiller elementets kantfarve på enden af dens rækkevidde i rækkeviddeorienteringen.

Bemærk:for at gøre border-inline-end-color egenskab skal virke, skal der indstilles border-inline-end-style egenskab.

CSS border-inline-end-color egenskaber med border-bottom-color,border-left-color,border-right-color og border-top-color Egenskaberne er meget lignende, men border-inline-end-color Egenskaben afhænger af inline-retningen.

Bemærk:relaterede CSS-egenskaber writing-mode,text-orientation og direction Definerer inline-retningen. Dette påvirker begyndelsen og slutningen af en række, samt border-inline-end-color Egenskabets effekt. For engelske sider er inline-retningen fra venstre til højre, blokretningen er nedad.

Eksempel

Eksempel 1

Indstil farve på kantlinjen i inline-retningens ende:

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

Prøv det selv

Eksempel 2: Kombineret med writing-mode-egenskaben

Kantlinjens position i inline-retning påvirkes af writing-mode Egenskabets indflydelse:

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

Prøv det selv

Eksempel 3: Kombineret med direction-egenskaben

Kantlinjens position i inline-retning påvirkes af direction Egenskabets indflydelse:

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

Prøv det selv

CSS syntaks

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

Egenskabsværdi

Værdi	Beskrivelse
color	Specificer farven på kantlinjen. Standard er elementets nuværende farve. Se:CSS farveværdier.
transparent	Specificer farven på kantlinjen skal være gennemsigtig.
initial	Sæt denne egenskab til dens standardværdi. Se: initial.
inherit	Arv denne egenskab fra forældrelementet. Se: inherit.

Tekniske detaljer

Standardværdi:	Den nuværende farve på elementet
Arv:	Nej
Animation production:	Understøttet. Se:Animationsrelaterede egenskaber.
Version:	CSS3
JavaScript syntaks:	object.style.borderInlineEndColor="pink"