CSS border-inline-start-bredde egenskab

Forrige side border-inline-start-style
Næste side border-inline-style

Definition og brug

border-inline-start-width Bredde af kant ved begyndelsen af elementets rækkevidde i linjeføringen.

Bemerk:For at gøre border-inline-start-width Egenskaber skal aktiveres, skal indstilles border-inline-start-style 属性。

CSS-egenskapen. border-inline-start-width egenskapene er sammenlignbare med border-bottom-width,border-left-width,border-right-width og border-top-width Egenskapene er meget like, men border-inline-start-width Egenskapen avhenger av den innebygde retningen.

Bemerk:tilknyttede CSS-egenskaper writing-mode,text-orientation og direction Definerer den innebygde retningen. Dette påvirker begynnelsen og slutten av linjen, samt border-inline-start-width Egenskapens resultat. For engelske sider er den innebygde retningen fra venstre til høyre, blokkretningen er nedover.

Eksempel

Eksempel 1

Sett kanttykkelsen ved begynnelsen av den innebygde retningen:

div {
  border-inline-start-style: solid;
  border-inline-start-width: 10px;
}

Prøv selv

Eksempel 2: Kombinert med writing-mode-egenskapen

Kantposisjonen ved begynnelsen av den innebygde retningen påvirkes av writing-mode Egenskapspåvirkning:

div {
  border-inline-start-style: solid;
  writing-mode: vertical-rl;
  border-inline-start-width: 5px;
}

Prøv selv

Eksempel 3: Kombinert med direction-egenskapen

Kantposisjonen ved begynnelsen og slutten av den innebygde retningen påvirkes av direction Egenskapspåvirkning:

div {
  direction: rtl;
  border-inline-start-width: 10px;
}

Prøv selv

CSS-syntaks

border-inline-start-width: medium|thin|thick|length|initial|inherit;

Egenskapsverdi

Verdi	Beskrivelse
medium	Standardverdi.
medium	Angir tynn kant.
tykk	Angir tykk kant.
length	Lar deg definere kanttykkelsen. Se:CSS enheder.
initial	Sett denne egenskapen til sin standardverdi. Se: initial.
inherit	Arver denne egenskapen fra sin overordnede element. Se: inherit.

Teknisk detalj

Standardverdi:	medium
Arv:	Nei
Animasjonsproduksjon:	Støttet. Se:Animasjonsrelaterte egenskaper.
Versjon:	CSS3
JavaScript-syntaks:	object.style.borderInlineStartWidth="10px"