logo-tworzenie-stron-legnica

config

Style CSS

Spis alfabetyczny stylów CSS.

Ściąga CSS - przykłady, style CSS alfabetycznie, spis stylów CSS, właściwości CSS, skorowidz stylów CSS.


 

Strona w trakcie modernizacji

Zapraszamy wkrótce

Właściwość CSS border-color

 

Definicja stylu, przeznaczenie i użycie border-color

Właściwość border-color określa kolor czterech krawędzi elementu. Ta właściwość może mieć od jednej do czterech wartości.

Jeśli właściwość border-color ma cztery wartości:

  • border-color: black green blue red;
    • to górny kolor obramowania jest czarny (black),
    • to prawy kolor obramowania jest zielony (green),
    • to dolny kolor obramowania jest niebieski (blue),
    • to lewy kolor obramowania jest czerwony (red).

Jeśli właściwość border-color ma trzy wartości:

  • border-color: black green red;
    • to górne obramowanie jest czarne (black),
    • to prawe i lewe obramowanie są zielone (green),
    • to dolne obramowanie jest czerwone (red).

Jeśli właściwość border-color ma dwie wartości:

  • border-color: black red;
    • to górne i dolne obramowanie są czarne (black),
    • to prawe i lewe obramowanie są czerwone (red).

Jeśli właściwość border-color ma jedną wartość:

  • border-color: black;
    • to wszystkie cztery obramowania są czarne (black).

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

 

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

Wartość Opis
color Definiuje kolor obramowania. Aktualny kolor elementu to kolor domyślny.
transparent Kolor obramowania ma być przezroczysty.
initial Ustawia tę właściwość na jej wartość domyślną.
inherit Dziedziczy tę właściwość z elementu nadrzędnego.

 

Składnia CSS border-color

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

 

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

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

Właściwość chrome edge firefox safari opera
border-color 1.0 4.0 1.0 1.2 3.5

 

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

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

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

Rezultat:
 
Kod CSS:
div {
    border-style:solid;
border-width:5px;
border-color:red;
}
 

 

Przykłady właściwości align

 

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony , , Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, tel. +48 780 060 995, Pon. - pt. 8:00 - 17:00

 

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony

Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
tel. +48 780 060 995,
Pon. - pt. 8:00 - 17:00