Najnowsze tutoriale tworzenie stron internetowych
 

Style borderColor Property

<Style obiektu

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