CSS属性border-inline-start-color

poprzednia strona border-inline-start
Następna strona border-inline-start-style

definicja-i-użycie

border-inline-start-color ustawienie-koloru-brzegów-elementu-zaczynającego-się-w-kinie-w-jej-rownoległej-orientacji.

Uwaga:aby-uzyskać border-inline-start-color atrybut-musisz-zdefiniować border-inline-start-style atrybut.

CSS border-inline-start-color atrybut-z- kolor-dolnego-boku,kolor-lewego-boku,kolor-prawego-boku i border-top-color Atrybuty są bardzo podobne, ale border-inline-start-color Atrybut zależy od kierunku wewnętrznego.

Uwaga:powiązane atrybuty CSS writing-mode,text-orientation i direction Definiuje kierunek wewnętrzny. To wpływa na pozycję początku i końca wiersza oraz border-inline-start-color Efekt atrybutu. Dla stron angielskich, kierunek wewnętrzny to z lewej na prawo, a kierunek blokowy to w dół.

Przykład

Przykład 1

Ustawienie koloru krawędzi na początku wewnętrznego kierunku:

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

Spróbuj sam!

Przykład 2

używając atrybutu writing-mode

Pozycja krawędzi na początku wewnętrznego kierunku jest writing-mode Wpływ atrybutu:

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

Spróbuj sam!

Przykład 3

używając atrybutu direction

Pozycja krawędzi na początku i końcu wewnętrznego kierunku jest direction Wpływ atrybutu:

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

Spróbuj sam!

Gramatyka CSS

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

Wartość atrybutu

Wartość	Opis
color	Zdefiniuj kolor krawędzi. Domyślnie jest to bieżący kolor elementu. Zobacz:Wartości kolorów CSS.
transparent	Zdefiniuj kolor krawędzi jako przezroczysty.
initial	Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit	Inhereduje tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość:	Bieżąca kolor elementu
Inheredność:	nie
Tworzenie animacji:	Obsługiwane. Zobacz:Atrybuty animacji.
Wersja:	CSS3
Gramatyka JavaScript:	object.style.borderInlineStartColor="pink"