Proprietà CSS color

Definizione e uso

La proprietà color specifica il colore del testo.

Questa proprietà imposta il colore di primo piano di un elemento (nel rendering HTML, il colore del testo dell'elemento); le immagini raster non sono influenzate dal colore. Questo colore verrà applicato a tutti i bordi dell'elemento, a meno che non venga sovrascritto da border-color o da un'altra proprietà di colore di bordo.

Il modo più semplice per impostare il colore di primo piano di un elemento è utilizzare la proprietà color.

Vedi anche:

Tutorial CSS:Testo CSS

Manuale di riferimento HTML DOM:Proprietà color

Esempio

Impostare il colore del testo per diversi elementi:

body
  {
  color:red;
  }
h1
  {
  color:#00ff00;
  }
p
  {
  color:rgb(0,0,255);
  }

Prova da solo

Suggerimenti e note

Suggerimento:Utilizzare una combinazione ragionevole di colore di sfondo e testo per migliorare la leggibilità del testo.

Sintassi CSS

color: color|initial|inherit;

Valore dell'attributo

Valore Descrizione
color_name Specificare il colore come nome del colore (ad esempio red).
hex_number Specificare il colore come valore esadecimale (ad esempio #ff0000).
rgb_number Specificare il colore come codice rgb (ad esempio rgb(255,0,0)).
inherit Si dovrebbe specificare il colore dall'elemento padre.

Dettagli tecnici

Valore predefinito: non specificato
Ereditarietà: sì
Versione: CSS1
Sintassi JavaScript: oggetto.style.color="#FF0000"

Altri esempi

Impostazione del colore del testo
Questo esempio dimostra come impostare il colore del testo.

Supporto del browser

I numeri nel tavolo indicano la versione del browser che supporta completamente l'attributo.

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