Atributo background-size CSS

Definição e uso

background-size A propriedade define o tamanho da imagem de fundo.

Manual de referência do HTML DOM:Propriedade backgroundSize

Definir o tamanho da imagem de fundo:

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

background-size: length|percentage|cover|contain;

Valor	Descrição	Teste
length	Definir a altura e a largura da imagem de fundo. O primeiro valor define a largura, o segundo valor define a altura. Se apenas um valor for definido, o segundo valor será definido como "auto".	Teste
percentage	Definir a largura e a altura da imagem de fundo em porcentagem do elemento pai. O primeiro valor define a largura, o segundo valor define a altura. Se apenas um valor for definido, o segundo valor será definido como "auto".	Teste
cover	Expandir a imagem de fundo o suficiente para que a imagem de fundo cubra completamente a área de fundo. Alguns partes da imagem de fundo talvez não sejam exibidas na área de posicionamento da imagem de fundo.	Teste
contain	Expandir a imagem até o tamanho máximo para que a largura e a altura sejam completamente adaptadas à área de conteúdo.	Teste

Valor padrão:	auto
Herança:	não
Versão:	CSS3
Sintaxe do JavaScript:	object.style.backgroundSize="60px 80px"

Esticar a imagem de fundo: Esticar a imagem de fundo para cobrir completamente a área de conteúdo.
Esticar a imagem de fundo, copiar a imagem de fundo horizontalmente quatro vezes: Esticar a imagem de fundo para que a imagem de fundo seja copiada horizontalmente exatamente quatro vezes.

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Chrome	Edge	Firefox	Safari	Opera
Chrome	IE / Edge	Firefox	Safari	Opera
4.0 1.0 -webkit-	9.0	4.0 3.6 -moz-	4.1 3.0 -webkit-	10.5 10.0 -o-