CSS border-inline-start-stil egenskab

Sidst på siden border-inline-start-color
Næste side border-inline-start-width

Definition og brug

border-inline-start-style indstiller elementets kantstyle ved starten af indrykning.

CSS' border-inline-start-style ejenskaber er afhængige af border-bottom-style、border-left-style、border-right-style og border-top-style Ejenskaber er meget lignende, men border-inline-start-style Ejenskaber afhænger af indrykning.

Bemærk:Relaterede CSS-ejenskaber writing-mode、text-orientation og direction Definerer inline-rettningen. Dette påvirker begynnelsen og slutten av en rad, samt border-inline-start-style Egenskapsresultatet. For engelske sider, er inline-rettningen fra venstre til høyre, og blokk-rettningen er nedover.

Eksempel

Eksempel 1

Sett stil for kantene ved begynnelsen av inline-rettningen:

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

Prøv det selv

Eksempel 2: Kombinert med writing-mode-egenskapen

Plasseringen av kantene ved begynnelsen av inline-rettningen bestemmes av writing-mode Effekten av egenskapen:

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

Prøv det selv

Eksempel 3: Kombinert med direction-egenskapen

Plasseringen av kantene ved begynnelsen og slutten av inline-rettningen bestemmes av direction Effekten av egenskapen:

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

Prøv det selv

CSS-syntaks

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

Egenskapsverdi

Verdi	Beskrivelse
none	Standardverdi. Angi ingen kant.
hidden	Samme som none, men forskjellig i konflikthåndtering av kant på tabell-elementer.
dotted	Angi punkt kant.
dashed	Angi stiplede kant.
solid	Angi enkel kant.
double	Angi dobbelt kant.
groove	Angi 3D falmet kant. Effekten avhenger av verdien av border-color.
rigde	Angi 3D hevet kant. Effekten avhenger av verdien av border-color.
inset	Angi 3D innbuktende kant. Effekten avhenger av verdien av border-color.
outset	Angi 3D utbuktende kant. Effekten avhenger av verdien av border-color.
initial	Sett denne egenskapen til sin standardverdi. Se initial.
inherit	Arver denne egenskapen fra sin overordnede element. Se inherit.

Teknisk detalj

Standardverdi:	none
Arv:	Nei
Animasjon:	Ikke støttet. Se:Animasjonsrelaterte egenskaper.
Versjon:	CSS3
JavaScript-syntaks:	object.style.borderInlineStartStyle="dotted"