Propiedad de color de estilo

Definición y uso

color Establece o devuelve el color del texto de la propiedad.

Vea también:

Tutoriales CSS:Texto CSS

Manual de referencia CSS:Propiedad color

Ejemplo

Ejemplo 1

Establecer el color de 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";

Pruebe usted mismo

Ejemplo 2

Devuelve el color de texto del elemento <p>:

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

Pruebe usted mismo

Sintaxis

Devolver la propiedad color:

object.style.color

Establecer la propiedad color:

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

Valor de propiedad

Valor Descripción
color

que especifica el color del texto.

Consulte Valores de color CSSpara obtener la lista completa de valores de color posibles.
initial Establece esta propiedad en su valor predeterminado. Consulte initial.
inherit Hereda esta propiedad del elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: No especificado
Valor devuelto: Cadena de caracteres, que representa el color de texto del elemento.
Versión de CSS: CSS1

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte