CSS border-inline-afslutningsbredde egenskab

定义和用法

og 属性设置元素在行内方向末端的边框宽度。

Meget ligner, men要使 og 属性生效,必须设置 border-inline-end-style for at få

Egenskaben træder i kraft, skal der indstilles og egenskaber. CSSBemærk:egenskaberne sammenlignes med CSS-egenskaberneBemæ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-egenskabenBemæ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;

border-inline-end-width: 10px;

}

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