CSS3 background-size Property

Especificar o tamanho da imagem de fundo:

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

Mais "Try it Yourself" exemplos abaixo.

Definição e Uso

A propriedade background-size especifica o tamanho das imagens de fundo.

Valor padrão:	auto
Herdado:	no
Animatable:	yes. Read about animatable Try it
Versão:	CSS3
sintaxe JavaScript:	object .style.backgroundSize="60px 120px" Try it

Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.

Números seguido por -webkit-, -moz-, ou O- especificar a primeira versão que trabalhou com um prefixo.

Propriedade
background-size	4.0 1.0 -webkit-	9	4.0 3.6 -moz-	4.1 3.0 -webkit-	10.5 10,0 -o-

Valor	Descrição	Jogue
auto	Valor padrão. A imagem de fundo contém sua largura e altura	Jogue "
length	Define a largura e altura da imagem de fundo. O primeiro valor define a largura, o segundo valor define a altura. Se apenas um valor é dado, o segundo é definido como "auto"	Jogue "
percentage	Define a largura e altura da imagem de fundo em percentagem do elemento pai. O primeiro valor define a largura, o segundo valor define a altura. Se apenas um valor é dado, o segundo é definido como "auto"	Jogue "
cover	A escala da imagem de fundo a ser tão grande quanto possível, de modo que a área de fundo é completamente coberta pela imagem de fundo. Algumas partes da imagem de fundo não pode estar à vista dentro da área de posicionamento do fundo	Jogue "
contain	A escala da imagem para o maior tamanho de tal modo que tanto a sua largura e a sua altura pode encaixar no interior da área de conteúdo	Jogue "
initial	Define essa propriedade para o valor padrão. Leia sobre inicial	Jogue "
inherit	Herda essa propriedade do seu elemento pai. Leia sobre herdar