Tamanho da imagem de fundo

Testando tamanho das imagens de fundo

Background-size

Para redimencionar a imagem para que ocupar totalmente a viewport é utilizando o background-size. Ele possui valores numéricos e também valores escritos.

Valores do background-size

Background-attachment

Vínculo (attachment), é o que a gente faz com a propriedade background-attachment, um vúnculo entre a imagem de fundo e o resto do documento, quando a imagem é menor que o conteúdo. Os valores aceitos são: scroll (padrão, imagem vai rolar junto com o conteúdo) e fixed (fixado na tela)

Shorthand

A shorhand do background é: background: color image position repeat [size] attachment.

Bem, a regra é essa, mas background-size não funciona e se você colocá-lo, a imagem não vai aparecerer. Mas pode ser que no futuro funcione.