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;
}
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
- Föregående sida border-block-start-color
- Nästa sida border-block-start-width