CSS border-inline-start-width egenskap

Föregående sida border-inline-start-style
Nästa sida border-inline-style

Definition och användning

border-inline-start-width Brewerskärmen bredden på elementets början i radriktningen.

Observera:För att använda border-inline-start-width Egenskapen aktiveras, måste konfigureras border-inline-start-style 属性。

CSS-egenskapen. border-inline-start-width egenskapen jämfört med border-bottom-width,border-left-width,border-right-width och border-top-width Egenskapen är mycket lik, men border-inline-start-width Egenskapen är beroende av inline-riktningen.

Observera:relaterade CSS-egenskaper writing-mode,text-orientation och direction Definierar inline-riktningen. Detta påverkar början och slutet av raden, samt border-inline-start-width Egenskapens resultat. För engelska sidor är inline-riktningen från vänster till höger, blockriktningen är nedåt.

Exempel

Exempel 1

Ställ in bredden på kantens början av inline-riktningen:

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

Prova själv

Exempel 2: Kombinera med writing-mode-egenskapen

Början av inline-riktningen på kantens plats påverkas av writing-mode Egenskapsverkan:

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

Prova själv

Exempel 3: Kombinera med direction-egenskapen

Början och slutet av inline-riktningen på kantens plats påverkas av direction Egenskapsverkan:

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

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde	Beskrivning
medium	Standardvärde. Specificerar medium kantdjup.
medium	Specificerar tunn kantdjup.
tjock	Specificerar tjock kantdjup.
length	Låter dig definiera breddens tjocklek. Se också:CSS enheter.
initial	Sätt detta egenskap till dess standardvärde. Se också: initial.
inherit	Inherritar detta egenskap från föräldrelementet. Se också: inherit.

Tekniska detaljer

Standardvärde:	medium
Arvande:	Nej
Animaationsproduktion:	Stöd. Se också:Animationsegenskaper.
Version:	CSS3
JavaScript-syntax:	object.style.borderInlineStartWidth="10px"