Atributo color de CSS

Definición y uso

El atributo color especifica el color del texto.

Esta propiedad establece el color de primer plano de un elemento (en la presentación HTML, el color del texto del elemento); las imágenes raster no se ven afectadas por el color. Este color también se aplica a todos los bordes del elemento, a menos que se cubra con border-color o alguna otra propiedad de color de borde.

La forma más sencilla de establecer el color de primer plano de un elemento es usar el atributo color.

Véase también:

Tutoriales de CSS:Texto CSS

Manual de referencia del DOM HTML:Atributo color

Ejemplo

Establecer el color del texto para diferentes elementos:

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

Pruebe usted mismo

Consejos y comentarios

Consejo:Use colores de fondo y texto razonables para mejorar la legibilidad del texto.

Sintaxis de CSS

color: color|initial|inherit;

Valor del atributo

Valor Descripción
color_name Se especifica el color como nombre de color (por ejemplo, red).
hex_number Se especifica el color como valor hexadecimal (por ejemplo, #ff0000).
rgb_number Se especifica el color como código rgb (por ejemplo, rgb(255,0,0)).
inherit Se especifica que debe heredar el color del elemento padre.

Detalles técnicos

Valor predeterminado: no especificado
Herencia: sí
Versión: CSS1
Sintaxis de JavaScript: object.style.color="#FF0000"

Más ejemplos

Establecer el color del texto
Este ejemplo muestra cómo establecer el color del texto.

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que completamente admite esa propiedad.

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