CSS border-block-start-color egenskab

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

Definition og brug

border-block-start-color egenskab sætte elementets kantfarve ved starten af blokretningen.

Bemærk:for at gøre border-block-start-color egenskaben skal aktiveres, skal der indstilles border-block-start-style egenskaber.

CSS border-block-start-color egenskaber sammenlignes med CSS egenskaber border-bottom-color,border-left-color,border-right-color og border-top-color Meget ligner, men border-block-start-color Egenskaben afhænger af blokretningen.

Bemærk:relaterede CSS egenskaber writing-mode Definerer blokretningen. Dette påvirker blokkens start- og slutpositioner samt border-block-start-color Resultatet af egenskaben. For engelske sider, inline-retningen er fra venstre til højre, og blokretningen er nedad.

Eksempel

Eksempel 1

Indstil kantfarven ved starten af blokretningen:

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

Prøv det selv

Eksempel 2: Kombineret med writing-mode egenskab

Placeringen af kantfarven ved starten af blokretningen påvirkes af writing-mode Påvirkningen af egenskaben:

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

Prøv det selv

CSS syntaks

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

Egenskabsværdi

Værdi	Beskrivelse
color	Specificer kantfarven. Standard er elementets nuværende farve. Se:CSS farveværdier.
transparent	Specificer at kantfarven skal være gennemsigtig.
initial	Sæt denne egenskab til dens standardværdi. Se: initial.
inherit	Arv denne egenskab fra sin overordnede element. Se: inherit.

Tekniske detaljer

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