Proprietà CSS border-top-color

Definizione e uso

border-top-color imposta il colore della bordatura superiore dell'elemento.

Può essere definito solo un colore puro e la bordatura può apparire solo quando lo stile della bordatura è un valore diverso da none o hidden.

Nota:Si dovrebbe sempre dichiarare l'attributo border-style prima di quello border-color. L'elemento deve ottenere la bordatura prima di cambiare il suo colore.

Vedere anche:

Corso CSS:CSS Bordo

Manuale di riferimento CSS:Attributo border-top

Manuale di riferimento HTML DOM:Attributo borderTopColor

Esempio

Impostare il colore della bordatura 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 Si prescrive che il colore della bordatura sia un nome di colore (ad esempio red).
hex_number Si prescrive che il colore della bordatura sia un valore esadecimale (ad esempio #ff0000).
rgb_number Si prescrive che il colore della bordatura sia un valore rgb (ad esempio rgb(255,0,0)).
transparent Valore predefinito. Il colore della bordatura è trasparente.
inherit Si prescrive che il colore della bordatura 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 della bordatura superiore
Questo esempio dimostra come impostare il colore della bordatura 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 di attributo "transparent".

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