Exemplu
Schimbarea culorii patru granițele unui <div> element roșu:
document.getElementById("myDiv").style.borderColor = "red"; Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Seturile de proprietate borderColor sau returnează culoarea frontierei unui element.
Această proprietate poate dura de la una la patru valori:
- O valoare, cum ar fi: p {border-color: red} - toate cele patru frontiere vor fi roșu
- Există două valori, cum ar fi: p {border-culoare: roșu transparent} - partea de sus și de jos a frontierei va fi de culoare roșie, la stânga și la dreapta de frontieră va fi transparent
- Trei valori, cum ar fi: p {border-culoare: rosu albastru verde} - partea de sus a frontierei va fi de culoare roșie, stânga și dreapta de frontieră va fi verde, de frontieră de jos va fi albastră
- Patru valori, precum: p {border-culoare: rosu verde albastru galben} - partea de sus a frontierei va fi de culoare roșie, de frontieră dreapta va fi verde, de frontieră de jos va fi albastru, marginea din stânga, va fi galben
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| borderColor | 1.0 | 4 | 1.0 | 1.0 | 3.5 |
Sintaxă
Întoarcere proprietatea borderColor:
object .style.borderColor
Setați proprietatea borderColor:
object .style.borderColor=" Valori de proprietate Valoare Descriere color Specifică culoarea frontierei. Uită - te la valori de culoare CSS pentru o listă completă de posibile valori de culoare. Culoarea implicită este negru transparent Culoarea frontierei este transparent (conținutul de bază va străluci prin) initial Setează această proprietate la valoarea implicită. Citiți despre inițială inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Detalii tehnice
Valoare implicită: negru Întoarcere Valoare: Un șir, care reprezintă culoarea unui element de frontieră CSS Versiune CSS1
Mai multe exemple
Exemplu
Schimbarea culorii marginea de sus și de jos la frontiera verde, și stânga și dreapta la purpuriu, dintr - un <div> Element:
document.getElementById("myDiv").style.borderColor = "green purple";
Încearcă - l singur »
Exemplu
Întoarcere culoarea de frontieră a unui <div> Element:
alert(document.getElementById("myDiv").style.borderColor); Încearcă - l singur »
Pagini similare
Tutorial CSS: CSS Border
Referință CSS: border-color property de border-color property
HTML DOM de referință: border property de border property
<Style Object