CSS border-block-start-style egenskap

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

Definition och användning

relaterade CSS egenskaper Egenskapen används för att ställa in ramstilen vid början av elementet i blockriktningen.

CSS relaterade CSS egenskaper egenskaper och CSS-egenskaper border-bottom-style、border-left-style、border-left-style 、 border-right-style och relaterade CSS egenskaper border-top-style

Mycket lik, menEgenskapen är beroende av blockriktningen. Exempel 2: Kombinera writing-mode egenskapen Observera: relaterade CSS egenskaper Definierar blockriktningen. Detta påverkar blockets början och slutposition samt

border-block-start-style

Egenskapsresultatet. För engelska sidor, inline-riktningen är från vänster till höger, blockriktningen är neråt.

Exempel

writing-mode
  div {
writing-mode: vertical-rl;

border-block-start-style: dotted;

Exempel 1

Ställ in stilen för kantstilen vid början av blockriktningen: Exempel 2: Kombinera writing-mode egenskapen Kantstilspositionen vid början av blockriktningen påverkas av

writing-mode
  Egenskapspåverkan:
  div {
writing-mode: vertical-rl;

border-block-start-style: dotted;

}

Prova själv

CSS-syntax

border-block-start-style: none\|hidden\|dotted\|dashed\|solid\|double\|groove\|ridge\|inset\|outset\|initial\|inherit;	Egenskapsvärde
none	Värde
Beskrivning	Standardvärde. Specificera ingen kant.
hidden	Liksom "none", men annorlunda i lösningen av kantkonflikter för tabell-element.
dashed	Specificera punkt kant.
solid	Specificera rak kant.
double	Specificera dubbel kant.
groove	Specificera 3D fördjupning kant. Effekten beror på värdet av border-color.
ridge	Specificera 3D våg kant. Effekten beror på värdet av border-color.
inset	Specificera 3D inåtriktad kant. Effekten beror på värdet av border-color.
outset	Specificera 3D utåtriktad kant. Effekten beror på värdet av border-color.
initial	Ställ in detta egenskap till dess standardvärde. Se initial.
inherit	Följande föräldrelementet för att arbeta detta egenskap. Se inherit.

Tekniska detaljer

Standardvärde:	none
Arv:	Nej
Animeringsproduktion:	Stöds inte. Se:Animeringsrelaterade egenskaper.
Version:	CSS3
JavaScript-syntax:	object.style.borderBlockStartStyle="dotted"