Manual de referência CSS

CSS @regras (RULES)

大全 de atributos CSS

Propriedade border do CSS Background do CSS-Atributo repeat

CSS3 background-Método de uso e exemplo da propriedade size

Background do CSS-O tamanho da imagem de fundo especificado pela propriedade size.

A tabela a seguir resume o contexto de uso e o histórico de versões dessa propriedade.

Valor padrão:	auto auto
Aplicável a:	todos os elementos
Herança:	não
Animável:	sim.Veja referência Propriedades de animação。
Versão:	CSS3nova funcionalidade
Sintaxe JavaScript:	object　　　object.style.backgroundSize="60px 80px"

Sintaxe de uso do background size

A sintaxe dessa propriedade é a seguinte:

background-size: comprimento | percentagem | auto | cover | contain | inicial | herdar

O exemplo a seguir demonstra como usar background-propriedade size.

Exemplo

.box {
　　　　largura:　250px;
　　　　height:　150px;
　　　　padding:　10px;
　　　　border:　6px　dashed　#333;
　　　　background:　url("images/sky.jpg")　no-repeat;
　　　　background-size:　contain;
}

Teste e veja‹/›

Dica:Este background-O atributo size é geralmente usado para criar imagens de fundo de tamanho completo, que serão escalonadas com base no tamanho da viewport ou do width do navegador.

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
length	Defina a largura e a altura da imagem de fundo como comprimento especificado. O primeiro valor define a largura, e o segundo valor define a altura. Se apenas um valor for especificado, o segundo valor é definido como auto. Não é permitido usar valores negativos de comprimento.
percentage	Defina a largura e a altura da imagem de fundo como porcentagem da área de posicionamento do fundo. O primeiro valor define a largura, e o segundo valor define a altura. Se apenas um valor for especificado, o segundo valor é definido como auto. Não é permitido usar valores negativos em porcentagem.
auto	Um auto para um valor de dimensão de escala na direção correspondente da imagem de fundo, mantendo sua proporção original. Se dois tamanhos forem especificados para auto, a imagem de fundo incluirá suas próprias largura e altura, que é o comportamento padrão.
cover	Ajuste o tamanho da imagem ao tamanho mínimo, mantendo suas proporções originais (se houver), para que sua largura e altura possam cobrir completamente a área de posicionamento do fundo.
contain	Ajuste o tamanho da imagem, mantendo suas proporções originais (se houver), ajustando ao tamanho máximo para que sua largura e altura possam se ajustar à área de posicionamento do fundo.
initial	Defina essa propriedade para seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o background do elemento pai-Valor calculado do atributo size.

Compatibilidade do navegador

background-Compatibilidade do navegador do atributo size, todos os navegadores populares suportam essa propriedade.

	Firefox 4+ Google Chrome4+ Internet Explorer 9+ Apple Safari 3+ Opera 10.5+