CSS3 background-size Property

Especificar el tamaño de una imagen de fondo:

div {
    background: url(img_flwr.gif);
    background-size: 80px 60px;
    background-repeat: no-repeat;
}

Más "Try it Yourself" ejemplos a continuación.

Definición y Uso

La propiedad background-size especifica el tamaño de las imágenes de fondo.

Valor por defecto:	auto
Heredado:	no
animatable:	yes. Read about animatable Try it
Versión:	CSS3
la sintaxis de JavaScript:	object .style.backgroundSize="60px 120px" Try it

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.

Los números seguidos por -webkit-, -moz-, o -O- especifican la primera versión que funcionaba con un prefijo.

Propiedad
background-size	4.0 1.0 -webkit-	9.0	4.0 3.6 -moz-	4.1 3.0 -webkit-	10.5 10.0 -o-

Valor	Descripción	Juegalo
auto	Valor por defecto. La imagen-fondo contiene su anchura y altura	Juegalo "
length	Establece el ancho y la altura de la imagen de fondo. El primer valor establece el ancho, el segundo valor define la altura. Si sólo se da un valor, el segundo se establece en "auto"	Juegalo "
percentage	Establece el ancho y la altura de la imagen de fondo en porcentaje del elemento padre. El primer valor establece el ancho, el segundo valor define la altura. Si sólo se da un valor, el segundo se establece en "auto"	Juegalo "
cover	La escala de la imagen de fondo a ser tan grande como sea posible para que el área de fondo está completamente cubierta por la imagen de fondo. Algunas partes de la imagen de fondo pueden no estar a la vista dentro de la zona de posicionamiento de fondo	Juegalo "
contain	La escala de la imagen al tamaño más grande de tal manera que tanto su anchura y su altura puede caber dentro del área de contenido	Juegalo "
initial	Establece esta propiedad a su valor por defecto. Lea acerca inicial	Juegalo "
inherit	Hereda esta propiedad de su elemento padre. Lee sobre heredar