Atrybut border-block-end-color CSS

poprzednia strona border-block-end
Następna strona border-block-end-style

Definicja i użycie

border-block-end-color Atrybut do ustawiania koloru krawędzi elementu w końcowym kierunku blokowym.

Uwaga:Aby border-block-end-color Atrybut działa, musi być ustawiony border-block-end-style Atrybut.

Atrybut CSS border-block-end-color jest podobny do atrybutu border-bottom-width,border-left-width,border-right-width i border-top-width Bardzo podobne, ale border-block-end-color Atrybut zależy od kierunku blokowego.

Uwaga:powiązane atrybuty CSS writing-mode Definiuje kierunek blokowy. To wpływa na pozycję początkową i końcową bloku oraz border-block-end-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

Ustaw kolor krawędzi końcowej bloku:

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

Spróbuj sam

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

Pozycja koloru krawędzi końcowej bloku jest określona przez writing-mode Wpływ atrybutu:

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

Spróbuj sam

Gramatyka CSS

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

Wartość atrybutu

Wartość	Opis
color	Określ kolor krawędzi. Domyślnie jest to bieżący kolor elementu. Zobacz:Wartości kolorów CSS.
transparent	Określ kolor krawędzi jako przezroczysty.
initial	Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit	Dziedziczy 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ługa. Zobacz:Właściwości animacji.
Wersja:	CSS3
Gramatyka JavaScript:	object.style.borderBlockEndColor="pink"