tutoriais mais recente desenvolvimento web
 

Style backgroundSize Property

<Estilo de objeto

Exemplo

Especificar o tamanho de uma imagem de fundo:

document.getElementById("myDIV").style.backgroundSize = "60px 120px";
Tente você mesmo "

Definição e Uso

Os backgroundSize conjuntos de propriedades ou retorna o tamanho das imagens de fundo.


Suporte navegador

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

Números seguidos por Webkit, Moz ou O especificar a primeira versão que trabalhou com um prefixo.

Propriedade
backgroundSize 4.0
1.0 Webkit
9 4.0
3,6 Moz
4.1
3,0 Webkit
10,5
10,0 ó

Sintaxe

Devolver o imóvel backgroundSize:

object .style.backgroundSize

Defina a propriedade backgroundSize:

object .style.backgroundSize="auto| Valores de propriedade
Valor Descrição
auto Valor padrão. A imagem de fundo contém a sua largura e altura
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"
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"
cover Dimensionar a 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
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
initial Define essa propriedade para seu valor padrão. Leia sobre inicial
inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar

Detalhes técnicos

Valor padrão: auto
Valor de retorno: A String, que representa a propriedade background-size de um elemento
CSS Versão CSS3

Páginas relacionadas

Referência CSS: background-size property


<Estilo de objeto