Proprietà CSS border-top-color

Definizione e uso

border-top-color imposta il colore del bordo superiore dell'elemento.

Può essere definito solo un colore puro e il bordo può apparire solo quando lo stile del bordo è un valore diverso da none o hidden.

Nota:Si dovrebbe sempre dichiarare l'attributo border-style prima dell'attributo border-color. L'elemento deve avere un bordo prima di cambiare il suo colore.

Vedi anche:

Tutorial CSS:Margine CSS

Manuale di riferimento CSS:Attributo border-top

Manuale di riferimento HTML DOM:Attributo borderTopColor

Esempio

Impostare il colore del bordo superiore:

p
  {
  border-style:solid;
  border-top-color:#ff0000;
  }

Prova da solo

Sintassi CSS

border-top-color: color|transparent|initial|inherit;

Valore dell'attributo

Valore dell'attributo

Valore Descrizione
color_name Specificare il colore del bordo utilizzando il nome del colore (ad esempio red).
hex_number Specificare il colore del bordo utilizzando un valore esadecimale (ad esempio #ff0000).
rgb_number Specificare il colore del bordo utilizzando il codice rgb (ad esempio rgb(255,0,0)).
transparent Valore predefinito. Il colore del bordo è trasparente.
inherit Si dovrebbe specificare che il colore del bordo debba essere ereditato dal elemento genitore.

Dettagli tecnici

Valore predefinito: non specificato
Ereditarietà: no
Versione: CSS1
Sintassi JavaScript: object.style.borderTopColor="blue"

Altri esempi

Impostare il colore del bordo superiore
Questo esempio dimostra come impostare il colore del bordo superiore.

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

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

Nota:Internet Explorer 6 (e versioni precedenti) non supporta il valore dell'attributo "transparent".

Nota:I browser Internet Explorer 7 e precedenti non supportano il valore "inherit". IE8 richiede !DOCTYPE. IE9 supporta "inherit".