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
Sumario
La propiedad color pone el color de primer plano (normalmente la fuente) de un elemento de texto.
- Valor inicial: depende del user agent
- Aplicable a: todos los elementos.
- Heredable: sí
- Porcentajes: N/A
- Media:
visual - Valor calculado: según se especifica.
Sintaxis
border-bottom-color: color | inherit
Valores
- color
- El color puede especificarse de cualquiera de las siguientes formas:
- como un valor RGB expresado en hexadecimal.
- como un valor RGB o RGBA normal .
- como un valor HSL o HSLA normal .
- como uno de los nombres de color predefinidos.
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 se desea incluir un canal alfa en el color para permitir que se haga translúcido, se pueden usar colores RGBA o HSLA, de la siguiente forma:
element { color: rgba(255, 0, 0, 0.5) }
element { color: hsla(0, 100%, 50%, 0.5) }
Estos dos ejemplos crean un color con opacidad 0,5 o 50%.
Notas
Especificaciones
Colores específicos de Mozilla
-moz-Field : color de fondo de campos de texto predeterminado de mozilla-moz-FieldText : color de primer plano de campos de texto predeterminado de mozilla-moz-nativehyperlinktext : color de enlaces de plataforma predeterminado
-moz-Field : color de fondo de campos de texto predeterminado de mozilla-moz-FieldText : color de primer plano de campos de texto predeterminado de mozilla-moz-nativehyperlinktext : color de enlaces de plataforma predeterminado