CSS border-block-start-style egenskap

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-styleborder-left-styleborder-left-styleborder-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"

Webbläsarstöd

Talen i tabellen representerar den första webbläsarversion som helt stöder egenskapen.

Chrome Edge Firefox Safari Opera
69.0 79.0 41.0 12.1 56.0

Relaterade sidor

Manual:CSS kant

Referens:CSS border egenskap

Referens:CSS border-block egenskap

Referens:CSS border-block-style egenskap

Referens:CSS border-block-end-style egenskap

Referens:CSS border-bottom-style egenskap

Referens:CSS border-left-style egenskap

Referens:CSS border-right-style egenskap

Referens:CSS border-top-style egenskap

Referens:CSS writing-mode egenskap