Właściwość CSS border-bottom-color

Definicja stylu, przeznaczenie i użycie border-bottom-color

Właściwość border-bottom-color ustawia kolor dolnej krawędzi elementu.

Uwaga: zawsze deklaruj właściwość border-style lub border-bottom-style przed właściwością border-bottom-color. Element musi mieć obramowanie, zanim będzie można zmienić kolor.

Wartości właściwości border-bottom-color

Składnia CSS border-bottom-color

border-bottom-color: color | transparent | initial | inherit;

Wsparcie przeglądarek dla właściwości border-bottom-color

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość
border-bottom-color	1.0	4.0	1.0	1.0	3.5

Przykładowe zastosowania z właściwością border-bottom-color

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

div {
    border-style:solid;
    border-width:5px;  
    border-bottom-color:red;
}

Przykłady właściwości border-bottom-color

border-bottom-color: white;

border-bottom-color: #8888d1;

border-bottom-color: rgb(180, 70, 76);

border-bottom-color: rgba(180, 70, 76, 0.3);

border-bottom-color: hsl(80, 40%, 54%);}

border-bottom-color: hsla(84, 47%, 51%, 0.3);

border-bottom-color: transparent;