Visit Mozilla.org

CSS:color

De MDC


Imagen:traduccion-pendiente.png Esta página está traduciéndose a partir del artículo CSS:color, razón por la cual puede haber algunos errores sintácticos o partes sin traducir. Puedes colaborar continuando con la traducción


« Referencia CSS

[editar] Sumario

La propiedad color pone el color de primer plano (normalmente la fuente) de un elemento de texto.

[editar] Sintaxis

border-bottom-color: color | inherit

[editar] Valores

color 
El color puede especificarse de cualquiera de las siguientes formas:
  • como un valor RGB expresado en hexidecimal.
  • como un valor RGB o RGBA normal Nuevo en Firefox 3.
  • como un valor HSL o HSLA normal Nuevo en Firefox 3.
  • como uno de los nombres de color predefinidos.

[editar] Ejemplos

Aquí tenemos varias formas de hacer que el texto del elemento sea de color rojo:

element { color: red }
element { color: #f00 }       
element { color: #ff0000 } 
element { color: rgb(255,0,0) }      
element { color: rgb(100%, 0%, 0%) }
element { color: hsl(0, 100%, 50%) }

Si quieres incluir un canal alfa en el color para permitir que se haga translucido, puedes usar colores RGBA o HSLA, de la siguiente forma:

element { color: rgba(255, 0, 0, 0.5) } Nuevo en Firefox 3
element { color: hsla(0, 100%, 50%, 0.5) } Nuevo en Firefox 3

Estos dos ejemplos crean un color con opacidad 0,5 o 50%.

[editar] Notas

[editar] Especificaciones

[editar] Compatibilidad entre navegadores