CSS border-inline-start-farve egenskab

sidste side border-inline-start
Næste side border-inline-start-style

定义和用法

border-inline-start-color 属性设置元素在其行内方向开始处的边框颜色。

Bemerk:要使 border-inline-start-color 属性生效，必须设置 border-inline-start-style 属性。

CSS border-inline-start-color 属性与 border-bottom-color,border-left-color,border-right-color og border-top-color Egenskapene er meget lik, men border-inline-start-color Egenskapen avhenger av den inlinjerte retningen.

Bemerk:relaterte CSS-egenskaper writing-mode,text-orientation og direction Definerer den inlinjerte retningen. Dette påvirker begynnelsen og slutten av en rad, samt border-inline-start-color Egenskapens effekt. For engelske sider, den inlinjerte retningen er fra venstre til høyre, og blokkretningen er nedover.

Eksempel

Eksempel 1

Sett farge for kant ved begynnelsen av den inlinjerte retningen:

div {
  border-inline-start-style: solid;
  border-inline-start-color: pink;
}

Prøv selv

Eksempel 2

bruk av writing-mode-egenskapen

Kantposisjonen ved begynnelsen av den inlinjerte retningen påvirkes av writing-mode Egenskapsinnvirkning:

div {
  border-inline-start-style: solid;
  writing-mode: vertical-rl;
  border-inline-start-color: 5px;
}

Prøv selv

Eksempel 3

bruk av direction-egenskapen

Kantposisjonen ved begynnelsen og slutten av den inlinjerte retningen påvirkes av direction Egenskapsinnvirkning:

div {
  direction: rtl;
  border-inline-start-color: hotpink;
}

Prøv selv

CSS-syntaks

border-inline-start-color: color|gjennomsiktig|initial|inherit;

Egenskapsverdi

Verdi	Beskrivelse
color	Angi kantfargen. Standard er elementets nåværende farge. Se:CSS farveværdier.
gjennomsiktig	Angi at kantfargen skal være gjennomsiktig.
initial	Sett denne egenskapen til standardverdien. Se: initial.
inherit	Arv denne egenskapen fra foreldrelementet. Se: inherit.

Tekniske detaljer

Standardverdi:	Den nåværende fargen på elementet
Arv:	Nei
Animasjon:	Støttet. Se:Animasjonsrelaterte egenskaper.
Versjon:	CSS3
JavaScript-syntaks:	object.style.borderInlineStartColor="pink"