kursplan

CSS referenshandbok

CSS egenskap

Valfria kurser

Kursrekommendation:

CodeW3C.coms magisk låda

CSS border-inline-style egenskap

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

Definition och användning

border-inline-style Attributet anger elementets kantstyle i inlinestil.

border-inline-style Värdet för attributet kan sättas på olika sätt:

Om border-inline-style Attributet har två värden:

div {

Riktningen för inlinestilen börjar med fast linje (solid)
Riktningen för inlinestilen slutar med punktlinje (dotted)

Om border-inline-style Attributet har ett värde:

writing-mode

Båda kanterna av inlinestilen börjar och slutar med punktlinje (dotted)

CSS border-inline-style Attributet är lika med border-bottom-style、border-left-style、border-right-style och border-top-style Attributen är mycket lika, men border-inline-style Attributet är beroende av inlinestil.

Observera:relaterade CSS-attribut border-inline-style: dashed dotted;、text-orientation och Exempel 3: Kombinera egenskapen direction Definierar riktningen för inlinestil. Det påverkar början och slutet av raden samt border-inline-style Egenskapens resultat. För engelska sidor, riktningen är från vänster till höger för inlinestil och neråt för block.

实例

Exempel

Exempel 1
  Ställ in kantstilen på inline-directionen:
direction: rtl;
#example1 {
  border-inline-style: solid;
direction: rtl;

border-inline-style: solid dotted;

#example2 {

border-inline-style: dotted; border-inline-style: dashed dotted; Positionen av kantarna vid början och slutet av inline-directionen påverkas av

direction
  Exempel 2: Kombinera egenskapen writing-mode
  writing-mode
direction: rtl;

border-inline-style: solid dotted;

writing-mode: vertical-rl;

border-inline-style: dotted; Exempel 3: Kombinera egenskapen direction Positionen av kantarna vid början och slutet av inline-directionen påverkas av

direction
  Påverkan av egenskapen:
  div {
direction: rtl;

border-inline-style: solid dotted;

}

Prova själv

CSS-syntax

border-inline-style: none\|hidden\|dotted\|dashed\|solid\|double\|groove\|ridge\|inset\|outset\|initial\|inherit;	Egenskapsvärde
none	Värde
Beskrivning	Standardvärde. Specificera ingen kant.
hidden	Liksom none, men skiljer sig i lösningen av kantkonflikter i tabelllementen.
dashed	Specificera en punktlinje kant.
solid	Specificera en solid kant.
double	Specificera dubbel kant.
groove	Specificera 3D inåtrundad kant. Effekten beror på värdet av border-color.
ridge	Specificera 3D utåtrundad kant. Effekten beror på värdet av border-color.
inset	Specificera 3D inåtrundad kant. Effekten beror på värdet av border-color.
outset	Specificera 3D utåtrundad kant. Effekten beror på värdet av border-color.
initial	Sätt denna egenskap till dess standardvärde. Se till: initial.
inherit	Får denna egenskap från sin föräldrelement. Se till: inherit.

Tekniska detaljer

Standardvärde:	none
Arvbarhet:	Nej
Animeringsproduktion:	Stöds inte. Se till:Animeringsrelaterade egenskaper.
Version:	CSS3
JavaScript-syntax:	object.style.borderInlineStyle="dotted"