Proprietà Style borderColor

Definizione e uso

borderColor Proprietà che imposta o restituisce il colore del bordo dell'elemento.

Questa proprietà può accettare da uno a quattro valori:

  • Un valore, ad esempio: p {border-color: red} - Tutti e quattro i bordi sono rossi
  • Due valori, ad esempio: p {border-color: red transparent} - I bordi superiori e inferiori sono rossi, i bordi laterali sono trasparenti
  • Tre valori, ad esempio: p {border-color: red green blue}- Il bordo superiore è rosso, i bordi laterali sono verdi, il bordo inferiore è blu
  • Quattro valori, ad esempio: p {border-color: red green blue yellow} - Il bordo superiore è rosso, il bordo destro è verde, il bordo inferiore è blu, il bordo sinistro è giallo

Vedi anche:

Tutorial CSS:Bordo CSS

Manuale CSS:Attributo border-color

Manuale HTML DOM:Attributo border

Esempio

Esempio 1

Cambia il colore dei quattro bordi dell'elemento <div> in rosso:

document.getElementById("myDiv").style.borderColor = "red";

Prova tu stesso

Esempio 2

Cambia il colore del bordo superiore e inferiore dell'elemento <div> in verde e il colore del bordo laterale in viola:

document.getElementById("myDiv").style.borderColor = "green purple";

Prova tu stesso

Esempio 3

Restituisce il colore del bordo dell'elemento <div>:

alert(document.getElementById("myDiv").style.borderColor);

Prova tu stesso

Sintassi

Restituisce l'attributo borderColor:

oggetto.style.borderColor

Imposta l'attributo borderColor:

oggetto.style.borderColor = "colore|transparent|initial|inherit"

Valore dell'attributo

Valore Descrizione
colore

Definisce il colore del bordo. Il colore predefinito è nero.

Vedi Valori di colore CSSper ottenere la lista completa dei valori di colore possibili.
trasparente Il colore del bordo è trasparente (il contenuto sottostante sarà visibile).
initial Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit Inherita questo attributo dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: nero
Valore di ritorno: Stringa che rappresenta il colore del bordo dell'elemento.
Versione CSS: CSS1

Supporto del browser

Tabella delle numeri indica la versione del browser che supporta completamente questa proprietà.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5