CSS border-block-start-color egenskap

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

Definition och användning

border-block-start-color egenskapen sätter elementets kantfärg vid början av blockriktningen.

Observera:För att göra border-block-start-color Egenskapen träder i kraft, måste sätta border-block-start-style egenskaper.

CSS border-block-start-color egenskaper jämfört med CSS egenskaper border-bottom-color,border-left-color,border-right-color och border-top-color Mycket liknande, men border-block-start-color Egenskapen är beroende av blockriktningen.

Observera:relaterade CSS egenskaper writing-mode Definierar blockriktningen. Detta påverkar blockets början och slut, samt border-block-start-color Resultatet av egenskapen. För engelska sidor är inline-riktningen från vänster till höger, blockriktningen är nedåt.

Exempel

Exempel 1

Ställ in kantfärgen vid början av blockriktningen:

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

Prova själv

Exempel 2: Kombinera writing-mode egenskapen

Platsen för kantfärgens början i blockriktningen påverkas av writing-mode Påverkan av egenskapen:

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

Prova själv

CSS-syntax

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

Egenskapsvärde

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

Tekniska detaljer

Standardvärde:	Den nuvarande färgen på elementet
Arv:	Nej
Animační výroba:	Stöd. Se:Animation relaterade egenskaper.
Version:	CSS3
JavaScript-syntax:	object.style.borderBlockStartColor="pink"