Przykład
Ustaw kolor z czterech granic:
p
{
border-style: solid;
border-color: #ff0000 #0000ff;
}
Spróbuj sam " Definicja i Wykorzystanie
Własność border-color ustawia kolor elementu czterech granic. Ta właściwość może mieć od jednego do czterech wartości.
Przykłady:
- border-color:red green blue pink;
- górna granica jest czerwona
- Prawo granica jest zielony
- dolnej granicy jest niebieski
- lewej granicy jest różowa
- border-color:red green blue;
- górna granica jest czerwona
- Granice prawej i lewej są zielone
- dolnej granicy jest niebieski
- border-color:red green;
- Górne i dolne granice są czerwone
- Granice prawej i lewej są zielone
- border-color:red;
- wszystkie cztery krawędzie są czerwone
Note: Zawsze zadeklarować właściwość border-style przed Własność border-color. Element musi mieć granice, zanim będzie można zmienić kolor.
| Domyślna wartość: | The current color of the element |
|---|---|
| Dziedziczny: | no |
| Animatable: | yes. Read about animatable Try it |
| Wersja: | CSS1 |
| Składnia JavaScript: | object .style.borderColor="#FF0000 blue" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| border-color | 1,0 | 4,0 | 1,0 | 1,0 | 3,5 |
Note: Internet Explorer 6 (and earlier versions) nie obsługuje wartość nieruchomości "transparent" .
Składnia CSS
border-color:color|transparent|initial|inherit;wartości nieruchomości
| Wartość | Opis | Graj |
|---|---|---|
| color | Określa kolor tła. Spójrz na CSS wartości kolorów , aby uzyskać pełną listę możliwych wartości kolorów. Domyślnym kolorem jest czarny | Graj " |
| transparent | Określa, że kolor obramowania powinny być przejrzyste | Graj " |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej | Graj " |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Podobne strony
Kurs CSS: CSS Border
Odniesienia HTML DOM: borderColor property