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) estransparenttomando 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í |