La Propiedad COLOR

La propiedad color tiene la funcionalidad de establecer el color del texto en el primer plano.
Principalmente: Con la propiedad color
del CSS, es posible establecer un valor para el color del texto, es decir, define el color del texto para todo el contenido del Elemento HTML al que se le aplica esta propiedad.
TIP: Puede combinar esta propiedadcolor
con la propiedadbackground-color
para hacer el texto más legible para los visitantes y/o usuarios.
Alternativamente: al quedar establecido este valor de color con esta propiedad CSS, queda también establecido como el valor de color predeterminado del Elemento HTML, anulando así, el valor predeterminado que le establece el navegador web del visitante y/o usuario, y con esto, es posible extender el valor a otras propiedades; tanto en el mismo ámbito del elemento HTML como en la propiedad border-color
, o en propiedades de elementos HTML anidados como en la propiedad background-color
, solo estableciéndoles el valor currentcolor
a estas.
Sintaxis CSS
color: color|initial|inherit;
Valores de la Propiedad
Valor | Descripción |
---|---|
initial |
Se establece la propiedad a su valor inicial, es decir, a el valor predeterminado del elemento HTML. |
inherit |
Se establece la propiedad a el valor heredado, es decir, toma el valor que tiene el Elemento HTML que lo contiene (el Elemento Padre). |
unset |
Se establece la propiedad a no definida, es decir, sin valor. |
currentcolor |
Si el Elemento HTML Padre, se le estableció un valor a la propiedad color , entonces este valor queda establecido como el valor predeterminado y entonces se puede aplicar con el valor currentcolor . (No confundir con inherit ). |
nombre_color | Se especifica el nombre de un color definidos en ingles, como por ejemplo: red , yellow , blue , gray , pink , orange , etc. |
valor_hexadecimal | Se establece el valor hexadecimal para un color determinado, en formato #RRGGBB. Por ejemplo, para definir el color rojo es especificado como #ff0000 , para darle transparencia se agregan dos dígitos al final del formato como #ff000000 .Una versión corta es también aceptada como #f00 y con transparencia como #f000 . |
valor_rgb | El valor rgb se especifica por medio de la funciónrgb( rojo, verde, azul ) los valores se definen con uno de los dos formatos disponibles: en valores numéricos (del 0 al 255) ó en porcentaje (del 0% al 100%). |
valor_rgba | El valor rgba (con canal alpha para transparencia) se especifica por medio de la funciónrgba( rojo, verde, azul, transparencia ) los valores se definen con uno de los dos formatos disponibles: en valores numéricos (del 0 al 255) ó en porcentaje (del 0% al 100%). |
valor_hsl | El valor hsl se especifica por medio de la funciónhsl( matiz, saturación, luminosidad ) Los valores para el matiz se especifica con un valor numérico de 0 a 360 (360 grados de una rueda de color). La Saturación se especifica en porcentaje (de 0% al 100%) 100% es color total y la Luminosidad también se especifica en porcentaje (de 0% al 100%) 0% es totalmente negro. |
valor_hsla | El valor hsla (con canal alpha para transparencia) se especifica por medio de la funciónhsla( matiz, saturación, luminosidad, transparencia ) Los valores para el matiz se especifica con un valor numérico de 0 a 368 (360 grados de una rueda de color). La Saturación se especifica en porcentaje (de 0% al 100%) 100% es color total y la Luminosidad también se especifica en porcentaje (de 0% al 100%) 0% es totalmente negro. El parámetro alpha es un número entre 0.0 (totalmente transparente) a 1.0 (totalmente opaco). |
JavaScript
Sintaxis DOM
object.style.color="#ff0000"