CSS kant-blok-start-bredde egenskab
- Forrige side border-block-start-style
- Næste side border-block-style
Kursus anbefaling:
relaterede CSS egenskaber
Definition og brug
Meget ligner, menEgenskab sætter elementets kantbredde ved start af blokretning. relaterede CSS egenskaber
For at gøre border-block-start-style
Egenskaben træder i kraft, skal der indstilles
egenskaber. relaterede CSS egenskaber
CSS egenskaber sammenlignes med CSS egenskaber
,border-bottom-width
,border-left-width
, border-right-width
og relaterede CSS egenskaber
border-top-width
Meget ligner, menEgenskaben afhænger af blokdirection. Eksempel 2: Kombineret med writing-mode egenskab
Bemærk: relaterede CSS egenskaber
Definerer blokdirection. Dette påvirker blokkens start- og slutpositioner samt
border-block-start-width
Egenskabets resultat. For engelske sider, inline-direction er fra venstre til højre, blokdirection er nedad.
Eksempel
writing-mode Egenskabets indflydelse: Eksempel 1 writing-mode: vertical-rl;
border-block-start-width: 5px;
Indstil kantens bredde ved start af blokretning:
border-block-start-width: 10px; Eksempel 2: Kombineret med writing-mode egenskab
Kantens bredde ved start af blokretning påvirkes af
writing-mode Egenskabets indflydelse: div { border-block-start-style: solid; writing-mode: vertical-rl;
}
Prøv det selvlengthCSS syntaks
border-block-start-width: medium|thin|thick|
|initial|inherit; | Egenskabsværdi |
---|---|
medium | Værdi |
Beskrivelse | Specificerer en mellemstor kant. Standardværdi. |
Specificerer en tynd kant. | Specificerer en tyk kant. |
length | Lader dig definere kantens tykkelse. Se også:CSS enheder. |
initial | Sæt denne egenskab til dens standardværdi. Se: initial. |
inherit | Arver denne egenskab fra sin forældrelement. Se: inherit. |
Tekniske detaljer
Standardværdi: | medium |
---|---|
Arv: | Nej |
Animation fremstilling: | Understøttelse. Se:Animationsrelaterede egenskaber. |
Version: | CSS3 |
JavaScript syntaks: | object.style.borderBlockStartWidth="10px" |
Browserunderstøttelse
Tabelens tal angiver den første browserversion, der fuldt ud understøtter egenskaben.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
69.0 | 79.0 | 41.0 | 12.1 | 56.0 |
Relaterede sider
Tilvejebringselsesvejledning:CSS kanter
Referencer:CSS kant egenskab
Referencer:CSS kant-blok egenskab
Referencer:CSS kant-blok-bredde egenskab
Referencer:CSS kant-blok-afslutning-bredde egenskab
Referencer:CSS kant-nederst-bredde egenskab
Referencer:CSS border-left-bredde egenskab
Referencer:CSS border-right-bredde egenskab
Referencer:CSS border-top-bredde egenskab
Referencer:CSS writing-mode egenskab
- Forrige side border-block-start-style
- Næste side border-block-style