CSS border-inline-end-style egenskap

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

Definition och användning

och att ställa in elementets kantstil vid änden av inre riktning.

CSS och Egenskapen och border-bottom-styleNotera:border-left-styleNotera:border-right-style 、 border-top-style Egenskaperna är mycket lika, men och Egenskaper är beroende av inre riktning.

注意：注意： Exempel 2: Kombinera med writing-mode egenskapNotera:relaterade CSS egenskaper 、 Exempel 3: Kombinera med direction egenskap text-orientation och Definierar inre riktning. Detta påverkar början och slutet av en rad, samt

border-inline-end-style

Egenskapsresultat. För engelska sidor, inre riktning är från vänster till höger, blockriktning är nedåt.

Exempel

direction
  div {
direction: rtl;

border-inline-end-style: dotted;

Exempel 1

Att sätta stil för kantens slut på inre riktning: Exempel 2: Kombinera med writing-mode egenskap Positionen av inre kantens början och slut på inre riktning påverkas av

direction
  Positionen av kantens slut på inre riktning påverkas av
  div {
direction: rtl;

border-inline-end-style: dotted;

writing-mode

writing-mode: vertical-rl; Exempel 3: Kombinera med direction egenskap Positionen av inre kantens början och slut på inre riktning påverkas av

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

border-inline-end-style: dotted;

}

Prova själv

CSS syntax

border-inline-end-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 från i lösning av konflikt vid kant av tabell-element.
dashed	Specificera punkt kant.
solid	Specificera rak kant.
double	Specificera dubbel kant.
groove	Specificera 3D inbuktad kant. Effekten beror på värdet av border-color.
ridge	Specificera 3D upphöjd kant. Effekten beror på värdet av border-color.
inset	Specificera 3D inåtriktad kant. Effekten beror på värdet av border-color.
outset	Specificera 3D utåtriktad kant. Effekten beror på värdet av border-color.
initial	Sätt detta egenskap till dess standardvärde. Se till: initial.
inherit	Följande från dess föräldrelement. Se till: inherit.

Tekniska detaljer

Standardvärde:	none
Arvande:	Nej
Animation tillverkning:	Stöds inte. Se till:Animation relaterade egenskaper.
Version:	CSS3
JavaScript syntax:	object.style.borderInlineEndStyle="dotted"