Propriedade Style color

Definição e uso

color Definir ou retornar a cor do texto da propriedade.

Veja também:

Tutorial CSS:Texto CSS

Manual de referência CSS:Propriedade color

Exemplo

Exemplo 1

Definir a cor do texto de diferentes elementos:

document.getElementById("myH2").style.color = "#ff0000";
document.getElementById("myP").style.color = "magenta";
document.getElementById("myP2").style.color = "blue";
document.getElementById("myDiv").style.color = "lightblue";

Experimente você mesmo

Exemplo 2

Retorna a cor do texto do elemento <p>:

alert(document.getElementById("myP").style.color);

Experimente você mesmo

Sintaxe

Retornar a propriedade color:

object.style.color

Definir a propriedade color:

object.style.color = "color|initial|inherit"

Valor da propriedade

Valor Descrição
color

Define a cor do texto.

Ver Valores de cor CSSpara obter a lista completa de valores de cor possíveis.
initial Defina essa propriedade como seu valor padrão. Veja também initial.
inherit Herda essa propriedade do elemento pai. Veja também inherit.

Detalhes técnicos

Valor padrão: Não especificado
Retorno: String que representa a cor do texto do elemento.
Versão do CSS: CSS1

Suporte do navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte