CSS border-block-end-style egenskap
- Föregående sida border-block-end-color
- Nästa sida border-block-end-width
Definition och användning
relaterade CSS egenskaper
egenskaper används för att ställa in ramstilen för elementets ände i blockriktningen.
CSS relaterade CSS egenskaper
egenskaper och border-bottom-style
、border-left-style
、border-right-style
och border-top-style
属性非常相似,但 relaterade CSS egenskaper
属性依赖于块方向。
Egenskapen är mycket lik, menEgenskapen är beroende av blockriktningen. Exempel 2: Kombinera writing-mode egenskapen
Observera: relaterade CSS egenskaper
Definierar blockriktningen. Detta påverkar start- och slutpositionen för blocken samt
border-block-end-style
Resultatet av egenskapen. För engelska sidor, inline-riktningen är från vänster till höger, blockriktningen är nedåt.
Exempel
writing-mode Exempel 1 writing-mode: vertical-rl;
Ställ in stil för kant vid änden av blockriktningen:
border-block-end-style: dotted; Exempel 2: Kombinera writing-mode egenskapen
Positionen för kantstilen vid änden av blockriktningen påverkas av
writing-mode Påverkan av egenskapen: div { border-block-end-style: solid; writing-mode: vertical-rl;
}
Prova själv
CSS-syntaks
border-block-end-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit; | Egenskapsvärde |
---|---|
ingen | Värde |
Beskrivning | Standardvärde. Specificera ingen kant. |
hidden | Liksom "ingen", men skiljer sig från i lösning av kantkonflikter för tabellelement. |
dashed | Specificera punktspets kant. |
solid | Specificera solid kant. |
double | Specificera dubbel kant. |
groove |
Specificera 3D grav kant. Effekten beror på värdet av border-color. |
ridge |
Specificera 3D löpare kant. Effekten beror på värdet av border-color. |
inset |
Specificera 3D inåt böjd kant. Effekten beror på värdet av border-color. |
outset |
Specificera 3D utåt böjd kant. Effekten beror på värdet av border-color. |
initial | Sätt denna egenskap till dess standardvärde. Se initial. |
inherit | Inheriterar denna egenskap från föräldrelementet. Se inherit. |
Tekniska detaljer
Standardvärde: | ingen |
---|---|
Arvbarhet: | Nej |
Animering: | nr. Läs om animatable |
Version: | CSS3 |
JavaScript-syntaks: | object.style.borderBlockEndStyle="dotted" |
Webbläsarstöd
Talen i tabellen representerar den första webbläsarens version 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-start-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-end-color
- Nästa sida border-block-end-width