Definición de .background-color aplicado en CSS
La propiedad .background-color en CSS aplica colores sólidos como fondo en un elemento. Aquí hay un ejemplo:
Caso de empleo : propiedad CSS background-color
Si quieres emplear esta propiedad de CSS en tu stylesheet, hazlo de la siguiente manera:
html {
background-color: #82a43a;
}Otro ejemplo más avanzado de .background-color es el siguiente de CODEPEN:
Sintaxis de .background-color en CSS
background-color: color|transparent|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| color | Especifica el color de fondo. Mire Valores de color CSS para obtener una lista completa de posibles valores de color. | |
| transparente | Especifica que el color de fondo debe ser transparente. esto es por defecto | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .background-color
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| none | |||||
| Inherited: | no | ||||
| Animatable: | no. Read about animatable | ||||
| Version: | CSS1 + new values in CSS3 | ||||
| JavaScript syntax: | object.style.backgroundImage=»url(img_tree.gif)»Try it |
