Atrybut border-block-start-color CSS

Poprzednia strona border-block-start
Następna strona border-block-start-style

Definicja i użycie

border-block-start-color Atrybut ustawi kolor krawędzi elementu w początkowym kierunku blokowym.

Uwaga:Aby border-block-start-color Atrybuty będą działać, musi być ustawiona border-block-start-style Atrybuty.

CSS border-block-start-color Atrybuty są podobne do atrybutów CSS border-bottom-color,border-left-color,border-right-color i border-top-color Bardzo podobne, ale border-block-start-color Atrybut zależy od kierunku blokowego.

Uwaga:powiązane atrybuty CSS writing-mode Określa kierunek blokowy. To wpływa na początek i koniec bloku oraz border-block-start-color Wynik atrybutu. Dla stron angielskich, kierunek wewnętrzny to od lewej do prawej, a kierunek blokowy to w dół.

Przykład

Przykład 1

Ustawienie koloru krawędzi początkowej kierunku blokowego:

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

Spróbuj sam

Przykład 2: Połączenie atrybutu writing-mode

Pozycja koloru krawędzi początkowej kierunku blokowego jest określana przez writing-mode Wpływ atrybutu:

div {
  border-block-start-style: solid;
  writing-mode: vertical-rl;
  border-block-start-color: blue;
}

Spróbuj sam

CSS składnia

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

Wartość atrybutu

Wartość	Opis
color	Określenie koloru krawędzi. Domyślnie jest to aktualny kolor elementu. Zobacz:Wartości kolorów CSS.
transparent	Określenie koloru krawędzi powinno być przezroczyste.
initial	Ustawienie tej właściwości na jej wartość domyślną. Zobacz: initial.
inherit	Inherencja tej właściwości od elementu nadrzędnego. Zobacz: inherit.

Techniczne szczegóły

Domyślna wartość:	Aktualny kolor elementu
Inherencja:	Nie
Tworzenie animacji:	Obsługiwane. Zobacz:Właściwości animacji.
Wersja:	CSS3
JavaScript składnia:	object.style.borderBlockStartColor="pink"