CSS border-inline-afslutningsbredde egenskab
- Forrige side border-inline-end-style
- Næste side border-inline-start
定义和用法
og
属性设置元素在行内方向末端的边框宽度。
Meget ligner, men要使 og
属性生效,必须设置 border-inline-end-style
for at få
Egenskaben træder i kraft, skal der indstilles og
egenskaber. CSS
Bemærk:egenskaberne sammenlignes med CSS-egenskaberne
Bemærk:border-bottom-width
, border-left-width
border-right-width og
border-top-width
Meget ligner, menEgenskaben afhænger af inline-direktionen. Eksempel 2: Kombineret med writing-mode-egenskaben
Bemærk:relaterede CSS-egenskaber
, Eksempel 3: Kombineret med direction-egenskaben
tilhørende CSS-egenskaber og
Definerer inline-direktionen. Dette påvirker start- og slutpositionen for en linje, samt
border-inline-end-width
Egenskabets resultat. For engelske sider er inline-direktionen fra venstre til højre, blokdirectionen er nedad.
Eksempel
direction Kanten af inline-direktionens slutposition påvirkes af div { direction: rtl;
border-inline-end-width: 10px;
Eksempel 1
Indstil kanthøjden for inline-direktionens slutposition: Eksempel 2: Kombineret med writing-mode-egenskaben
Kanten af inline-direktionens start- og slutposition påvirkes af
direction Kanten af inline-direktionens slutposition påvirkes af writing-mode border-inline-end-style: solid; direction: rtl;
border-inline-end-width: 10px;
writing-mode: vertical-rl;
border-inline-end-width: 5px; Eksempel 3: Kombineret med direction-egenskaben
Kanten af inline-direktionens start- og slutposition påvirkes af
direction Egenskabsindflydelse: div { direction: rtl;
}
Prøv det selvlengthCSS syntaks
border-inline-end-width: medium|thin|thick|
|initial|inherit; | Egenskabsværdi |
---|---|
medium | Værdi |
Beskrivelse | Specificerer en medium kant. Standardværdi. |
Specificerer en tynd kant. | Specificerer en tyk kant. |
length | Lader dig definere tykkelsen af kanterne. Se:CSS enheder. |
initial | Sæt denne egenskab til dens standardværdi. Se: initial. |
inherit | Arver denne egenskab fra sin forældreelement. Se: inherit. |
Tekniske detaljer
Standardværdi: | medium |
---|---|
Arv: | Nej |
Animation producering: | Understøttes. Se:Animationrelaterede egenskaber. |
Version: | CSS3 |
JavaScript syntaks: | object.style.borderInlineEndWidth="10px" |
Browserunderstøttelse
Tallene i tabellen repræsenterer 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
Lær at bruge:CSS kant
Referencer:CSS border egenskab
Referencer:CSS border-inline egenskab
Referencer:CSS border-inline-afslutningsstil egenskab
Referencer:CSS border-inline-start-bredde egenskab
Referencer:CSS border-bund-bredde egenskab
Referencer:CSS border-venstre-bredde egenskab
Referencer:CSS border-højre-bredde egenskab
Referencer:CSS border-top-bredde egenskab
Referencer:CSS retning egenskab
Referencer:CSS text-orientation egenskab
Referencer:CSS writing-mode egenskab
- Forrige side border-inline-end-style
- Næste side border-inline-start