background-color
Resumen
Background-color
es un propiedad de CSS que define el color de fondo de un elemento, puede ser el valor de un color o la palabra clave transparent
.
Valor inicial
: transparente- Se aplica a: todos los elementos
Herencia
: no- Percentages: N/A
- Medio:
visual
Valor calculado
: como se haya especificado
Sintaxis
background-color: color | transparent | inherit
Valores
- <color>
-
Se puede especificar el color de fondo como un valor RGB hexa-decimal o regular, o utilizando una de las palabras claves predefinidas de color.
- transparent
-
El valor por defecto del color de fondo (
background-color
) estransparent
tomando así el color del elemento que está justo debajo de él en el apilamiento.
Ejemplos
HTML
<div class="exampleone">
Lorem ipsum dolor sit amet, consectetuer
</div>
<div class="exampletwo">
Lorem ipsum dolor sit amet, consectetuer
</div>
<div class="examplethree">
Lorem ipsum dolor sit amet, consectetuer
</div>
CSS
.exampleone {
background-color: teal;
color: white;
}
.exampletwo {
background-color: rgb(153,102,153);
color: rgb(255,255,204);
}
.examplethree {
background-color: #777799;
color: #FFFFFF;
}
Result
Notas
(Add links to good colour reference sites here.)
Especificaciones
Compatibilidad de navegadores
TBD: This may be removed in favour of a centralized compatibility chart.
Navegador | soporta background-color |
---|---|
Internet Explorer 6 | parcialmente |
Internet Explorer 7 | parcialmente |
Firefox 1.5 | Sí |
Firefox 2 | Sí |
Opera 8.5 | parcialmente |
Opera 9 | parcialmente |
Konqueror 3.5 | Sí |
Safari 2 | Sí |