Esempio
Cambiare il colore dei quattro bordi di un <div> elemento al rosso:
document.getElementById("myDiv").style.borderColor = "red"; Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
I set di proprietà BorderColor o restituisce il colore del bordo di un elemento.
Questa proprietà può prendere da uno a quattro valori:
- Un valore, come: p {border-color: red} - tutti e quattro i bordi saranno rosso
- Due valori, come: p {border-color: trasparente rosso} - bordo superiore e inferiore saranno rosso, a sinistra ea destra bordo saranno trasparenti
- Tre valori, come: p {border-color: rosso blu verde} - bordo superiore sarà rosso, a destra ea sinistra bordo sarà verde, bordo inferiore sarà blu
- Quattro valori, come: p {border-color: rosso verde giallo blu} - bordo superiore sarà rosso, bordo destro saranno verdi, bordo inferiore sarà blu, bordo sinistro sarà di colore giallo
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| borderColor | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintassi
Restituire la proprietà borderColor:
object .style.borderColor
Impostare la proprietà borderColor:
object .style.borderColor=" I valori delle proprietà Valore Descrizione color Specifica il colore del bordo. Guardate Valori dei colori CSS per un elenco completo dei possibili valori di colore. Il colore di difetto è nero transparent Il colore del bordo è trasparente (contenuto sottostante si vede attraverso) initial Consente di impostare questa proprietà al suo valore di default. Leggi iniziale inherit Eredita questo immobile dal suo elemento genitore. Leggi su erediterà
Dettagli tecnici
Valore di default: nero Valore di ritorno: A String, che rappresenta il colore del bordo di un elemento CSS Version CSS1
Altri esempi
Esempio
Cambiare il colore del bordo superiore e inferiore a bordo verde, e sinistra e destra per viola, di un <div> elemento:
document.getElementById("myDiv").style.borderColor = "green purple";
Prova tu stesso "
Esempio
Restituisce il colore del bordo di un <div> elemento:
alert(document.getElementById("myDiv").style.borderColor); Prova tu stesso "
Pagine correlate
Tutorial CSS: CSS Border
Di riferimento CSS: border-color property
Di riferimento HTML DOM: border property
<Stile di oggetto