kursetabel

CSS referencehåndbog

CSS egenskab

Valgfri kurser

Anbefalet kursus:

CodeW3C.com's Urhåndkøb

CSS border-inline-stil egenskab

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

Definition og brug

border-inline-style Ejenskaben definerer kantstilarterne for elementet i rækkefølgen.

border-inline-style Værdien af ejenskaben kan indstilles på forskellige måder:

Hvis border-inline-style Ejenskaben har to værdier:

border-inline-style: solid dotted;

kantstilarterne ved begyndelsen af rækkefølgen er solid.
kantstilarterne ved slutningen af rækkefølgen er prikket linje (dotted).

Hvis border-inline-style Ejenskaben har en værdi:

border-inline-style: dotted;

Start- og slutkanterne af rækkerne har kantstilarter som prikket linje (dotted).

CSS' border-inline-style ejenskaberne er forbundet med border-bottom-style、border-left-style、border-right-style og border-top-style Ejenskaberne er meget lignende, men border-inline-style Ejenskaben afhænger af rækkefølgen.

Bemærk:tilhørende CSS-ejenskaber writing-mode、text-orientation og direction Definerer rækkefølgen. Dette påvirker begyndelsen og slutningen af rækkerne samt border-inline-style Egenskabens resultat. For engelske sider, er rækkefølgen fra venstre til højre, og blokretning er nedadgående.

Eksempel

Eksempel 1

Indstil kantstilen på inline-rettningen:

#example1 {
  border-inline-style: solid;
}
#example2 {
  border-inline-style: dashed dotted;
}

Prøv det selv

Eksempel 2: Kombineret med writing-mode-egenskaben

Placeringen af kanterne ved begyndelsen og slutningen af inline-rettningen påvirkes af writing-mode Egenskabspåvirkning:

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

Prøv det selv

Eksempel 3: Kombineret med direction-egenskaben

Placeringen af kanterne ved begyndelsen og slutningen af inline-rettningen påvirkes af direction Egenskabspåvirkning:

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

Prøv det selv

CSS syntaks

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

Egenskabsværdi

Værdi	Beskrivelse
none	Standardværdi. Specificer ingen kanter.
hidden	Som none, men adskiller sig i løsning af konflikt med kanter på tabelelementer.
dotted	Specificer prikkede kanter.
dashed	Specificer stiplede kanter.
solid	Specificer enlig kanter.
double	Specificer dobbelte kanter.
groove	Specificer 3D furede kanter. Effekten afhænger af værdien af border-color.
ridge	Specificer 3D bølgede kanter. Effekten afhænger af værdien af border-color.
inset	Specificer 3D indsatte kanter. Effekten afhænger af værdien af border-color.
outset	Specificer 3D udflettede kanter. Effekten afhænger af værdien af border-color.
initial	Sæt denne egenskab til dens standardværdi. Se også initial.
inherit	Arver denne egenskab fra sin forældreelement. Se også inherit.

Tekniske detaljer

Standardværdi:	none
Arvbarhed:	Nej
Animation production:	Ikke understøttet. Se også:Animationrelaterede egenskaber.
Version:	CSS3
JavaScript syntaks:	object.style.borderInlineStyle="dotted"