CSS border-block-start egenskap

Föregående sida border-block-end-width
Nästa sida border-block-start-color

Definition och användning

border-block-start Egenskap är en förkortning av följande egenskaper:

CSS border-block-start egenskaperna jämfört med border-bottom,border-left,border-right och border-top Egenskaperna är mycket lika, men border-block-start Egenskapen är beroende av blockriktningen.

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

Exempel

Exempel 1

Ställ in kantens bredd, färg och stil i startpositionen för blockriktningen:

div {
  border-block-start: 10px solid pink;
}

Prova själv

Exempel 2: Kombinera writing-mode-egenskapen

Positionen för kantens startposition i blockriktningen påverkas av writing-mode Påverkan av egenskapen:

div {
  writing-mode: vertical-rl;
  border-block-start: dotted blue;
}

Prova själv

CSS-syntax

border-block-start: border-block-start-width border-block-start-style border-block-start-color|initial|inherit;

Egenskapsvärde

Värde	Beskrivning
border-block-start-width	Specificerar elementets kantbredd i startpositionen för blockriktningen. Standardvärdet är medium.
border-block-start-style	Specificerar elementets kantstil i startpositionen för blockriktningen. Standardvärdet är none.
border-block-start-color	Specificerar elementets kantfärg i startpositionen för blockriktningen. Standardvärdet är den aktuella färgen på ramen.
initial	Sätt detta värde till dess standardvärde. Se till: initial.
inherit	Följande från föräldrelementet. Se till: inherit.

Tekniska detaljer

Standardvärde:	medium none currentcolor
Arvande:	Nej
Animeringsproduktion:	Stöd. Se till:Animeringsrelaterade egenskaper.
Version:	CSS3
JavaScript-syntax:	object.style.borderBlockStart="pink dotted 5px"