Stile borderColor Proprietà
Esempio
Cambia il colore dei quattro bordi di un elemento <div> in rosso:
document.getElementById("myDiv").style.borderColor = "red";
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
La proprietà borderColor imposta o restituisce il colore del bordo di un elemento.
Questa proprietà può assumere da uno a quattro valori:
- Un valore, come: p {border-color: red} - tutti e quattro i bordi saranno rossi
- Due valori, come: p {border-color: red transparent} - il bordo superiore e inferiore saranno rossi, il bordo sinistro e destro saranno trasparenti
- Tre valori, come: p {border-color: red green blue}- il bordo superiore sarà rosso, il bordo sinistro e destro saranno verdi, il bordo inferiore sarà blu
- Quattro valori, come: p {border-color: red green blue yellow} - il bordo superiore sarà rosso, il bordo destro sarà verde, il bordo inferiore sarà blu, il bordo sinistro sarà giallo
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
Property | |||||
---|---|---|---|---|---|
borderColor | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintassi
Restituisce la proprietà borderColor:
object.style.borderColor
Imposta la proprietà borderColor:
object.style.borderColor = "color|transparent|initial|inherit"
Valori di proprietà
Value | Description |
---|---|
color | Specifies the color of the border. Look at CSS Color Values for a complete list of possible color values. Default color is the current color of the element |
transparent | The color of the border is transparent (underlying content will shine through) |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Dettagli tecnici
Valore di default: | colore attuale |
---|---|
Valore di ritorno: | Una stringa, che rappresenta il colore del bordo di un elemento |
Versione CSS | CSS1 |
Altri esempi
Esempio
Cambia il colore del bordo superiore e inferiore in verde, e il bordo sinistro e destro in viola, di un elemento <div>:
document.getElementById("myDiv").style.borderColor = "green purple";
Esempio
Restituisce il colore del bordo di un elemento <div>:
alert(document.getElementById("myDiv").style.borderColor);
Pagine correlate
Tutorial CSS: Bordo CSS
Riferimento CSS: proprietà border-color
Riferimento HTML DOM: proprietà border