Propriedade color do CSS

Definição e uso

O atributo color define a cor do texto.

Essa propriedade define a cor de primeiro plano do elemento (no caso do HTML, a cor do texto do elemento); as imagens raster não são afetadas pela cor. Essa cor também será aplicada a todas as bordas do elemento, a menos que seja coberta pela propriedade border-color ou outra propriedade de cor de borda.

A maneira mais fácil de definir a cor de primeiro plano de um elemento é usar o atributo color.

Veja também:

Tutorial de CSS:Texto CSS

Manual de referência do DOM HTML:Atributo color

Exemplo

Definir cor do texto para diferentes elementos:

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

Experimente você mesmo

Dicas e comentários

Dica:Use combinações razoáveis de cores de fundo e texto para melhorar a legibilidade do texto.

Sintaxe do CSS

color: color|initial|inherit;

Valor do atributo

Valor Descrição
color_name Define a cor como nome de cor (por exemplo, vermelho).
hex_number Define a cor como valor hexadecimal (por exemplo, #ff0000).
rgb_number Define a cor como código rgb (por exemplo, rgb(255,0,0)).
inherit Deve ser herdado da cor do elemento pai.

Detalhes técnicos

Valor padrão: não especificado
Herança: sim
Versão: CSS1
Sintaxe do JavaScript: object.style.color="#FF0000"

Mais exemplos

Definir cor do texto
Este exemplo demonstra como definir a cor do texto.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

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