CSS border-inline-start-style egenskap

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

Definition och användning

border-inline-start-style Elementets kantstyle vid början av inre riktning.

CSS: border-inline-start-style Attributet är relaterat till border-bottom-style、border-left-style、border-right-style och border-top-style Attribut är mycket lika, men border-inline-start-style Attributet är beroende av inre riktning.

Observera:Relaterade CSS-attribut writing-mode、text-orientation och direction Definierar inre riktningen. Detta påverkar början och slutet av en rad, samt border-inline-start-style Resultatet av egenskapen. För engelska sidor är inre riktningen från vänster till höger, och blockriktningen är nedåt.

Exempel

Exempel 1

Ställ in stilen för kantens början på inre riktningen:

div {
  border-inline-start-style: dotted;
}

Prova själv

Exempel 2: Kombinera med writing-mode-egenskapen

Positionen av kantens början på inre riktningen påverkas av writing-mode Påverkan av egenskapen:

div {
  writing-mode: vertical-rl;
  border-inline-start-style: dotted;
}

Prova själv

Exempel 3: Kombinera med direction-egenskapen

Positionen av kantens början och slut på inre riktningen påverkas av direction Påverkan av egenskapen:

div {
  direction: rtl;
  border-inline-start-style: dotted;
}

Prova själv

CSS-syntaks

border-inline-start-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Egenskapsvärde

Värde	Beskrivning
none	Standardvärde. Specificera ingen kant.
hidden	Liksom none, men skiljer sig från tabellen när det gäller att lösa tvister om kantens position.
dotted	Specificera punkt kant.
dashed	Specificera streckad kant.
solid	Specificera solid kant.
double	Specificera dubbel kant.
groove	Specificera 3D inåtåtgående kant. Effekten beror på värdet av border-color.
rigde	Specificera 3D utåtåtgående kant. Effekten beror på värdet av border-color.
inset	Specificera 3D inåtåtgående kant. Effekten beror på värdet av border-color.
outset	Specificera 3D utåtåtgående kant. Effekten beror på värdet av border-color.
initial	Sätt denna egenskap till dess standardvärde. Se: initial.
inherit	Inherritar denna egenskap från föräldrelementet. Se: inherit.

Tekniska detaljer

Standardvärde:	none
Arv:	Nej
Animaationsproduktion:	Stöds inte. Se:Animaationsrelaterade egenskaper.
Version:	CSS3
JavaScript-syntaks:	object.style.borderInlineStartStyle="dotted"