CSS border-inline-end-style egenskab

Forrige side border-inline-end-color
Næste side border-inline-end-width

Definition og brug

og opsætning af elementets kantstyle ved enden af indre retning.

CSS' og Egenskaber med border-bottom-stylemerke:border-left-stylemerke:border-right-style 、 border-top-style Egenskaber er meget lignende, men og Egenskaber afhænger af indre retning.

注意：相关的 CSS 属性 Eksempel 2: Kombinert med writing-mode-egenskapenmerke:relaterte CSS-egenskaper 、 Eksempel 3: Kombinert med direction-egenskapen text-orientation og Definerer innsatsretningen. Dette påvirker start- og sluttstedet for en rad, samt

border-inline-end-style

Egenskapsresultatet. For engelske sider, er innsatsretningen fra venstre til høyre, blokkretningen er nedover.

Eksempel

direction
  div {
direction: rtl;

border-inline-end-style: dotted;

Eksempel 1

for å sette stil på kantlinjene for innsatsretningens slutt: Eksempel 2: Kombinert med writing-mode-egenskapen Plasseringen av kantlinjene for innsatsretningen start og slutt påvirkes av

direction
  Plasseringen av kantlinjene for innsatsretningen slutt påvirkes av
  div {
direction: rtl;

border-inline-end-style: dotted;

writing-mode

writing-mode: vertical-rl; Eksempel 3: Kombinert med direction-egenskapen Plasseringen av kantlinjene for innsatsretningen start og slutt påvirkes av

direction
  Egenskapsvirkning:
  div {
direction: rtl;

border-inline-end-style: dotted;

}

Prøv det selv

CSS-syntaks

border-inline-end-style: none\|hidden\|dotted\|dashed\|solid\|double\|groove\|ridge\|inset\|outset\|initial\|inherit;	Egenskapsverdi
none	Verdi
Beskrivelse	Standardverdi. Angi ingen kantlinje.
hidden	Lik none, men er forskjellig i konflikthåndtering for kantlinjer i tabell-elementer.
dashed	Angi stiplede kantlinje.
solid	Angi enkel kantlinje.
double	Angi dobbelt kantlinje.
groove	Angi 3D falmet kantlinje. Effekten avhenger av verdien av border-color.
ridge	Angi 3D hevet kantlinje. Effekten avhenger av verdien av border-color.
inset	Angi 3D innbuktende kantlinje. Effekten avhenger av verdien av border-color.
outset	Angi 3D utbuktende kantlinje. Effekten avhenger av verdien av border-color.
initial	Sett denne egenskapen til sin standardverdi. Se også: initial.
inherit	Arver denne egenskapen fra sin overordnede element. Se også: inherit.

Tekniske detaljer

Standardverdi:	none
Arv:	Nei
Animasjon:	Ikke støttet. Se også:Animasjonsegenskaper.
Versjon:	CSS3
JavaScript-syntaks:	object.style.borderInlineEndStyle="dotted"