Przykład
Zmienić kolor z czterech granic z <div> elementu na czerwono:
document.getElementById("myDiv").style.borderColor = "red";
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Zestawy własności bordercolor lub zwraca kolor obramowania elementu.
Ta właściwość może trwać od jednego do czterech wartości:
- Jedna wartość, jak: p {border-color: red} - wszystkie cztery granice będzie czerwony
- Dwie wartości, takie jak: p {border-color: red} przezroczysty - górna i dolna granica będzie czerwony, lewy i prawy granica będzie przezroczysty
- Trzy wartości, takie jak: p {border-color: red} - zielony niebieski top granica będzie czerwony, lewa i prawa granica będzie zielona, dolna granica będzie niebieski
- Cztery wartości, takie jak: p {border-color: czerwony zielony niebieski żółty} - górna granica będzie czerwony, prawy granica będzie zielona, dolna granica będzie niebieski, lewa granica będzie żółty
Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Nieruchomość | |||||
---|---|---|---|---|---|
borderColor | 1,0 | 4.0 | 1,0 | 1,0 | 3.5 |
Składnia
Zwraca właściwość borderColor:
object .style.borderColor
Ustaw właściwość borderColor:
object .style.borderColor=" wartości nieruchomości Wartość Opis color Określa kolor obramowania. Spójrz na CSS wartości kolorów dla pełnej listy możliwych wartości kolorów. Domyślnym kolorem jest czarny transparent Kolor granicy jest przezroczysty (bazowy zawartość będzie prześwitywać) initial Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć
Szczegóły techniczne
Domyślna wartość: czarny Zwracana wartość: Ciąg reprezentujący kolor obramowania elementu jest Wersja CSS CSS1
Więcej przykładów
Przykład
Zmiana koloru górnej i dolnej granicy na zielono, a po lewej i prawej granicy fioletowy, z <div> element:
document.getElementById("myDiv").style.borderColor = "green purple";
Spróbuj sam "
Przykład
Zwraca kolor obramowania na <div> element:
alert(document.getElementById("myDiv").style.borderColor); Spróbuj sam "
Podobne strony
Kurs CSS: CSS Border
Odniesienie CSS: border-color property
HTML DOM: border property
<Style obiektu