manual de referência CSS

regras CSS @RULES

大全 de Propriedades CSS

Background do CSS-Atributo attachment CSS3 backface-Atributo visibility

método de uso e exemplo da propriedade background do CSS

a propriedade background do CSS é uma propriedade abreviada usada para definir várias propriedades de fundo, ou seja, uma propriedade abreviada de atalho, enquanto background-image，background-position，background-size，background-repeat，background-attachment，background-origin，background-clipebackground-color esses declarações de propriedades individuais.

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

valor padrão:	ver todos os valores das propriedades
aplicável a:	todos os elementos
herança:	não
animável:	sim, porque algumas propriedades de abreviação podem ser configuradas para animação.por favor, consulte propriedades de animação。
versão:	CSS 1，2，3
sintaxe do JavaScript:	object　　　object.style.background="red url(smiley.gif) top left no-repeat"

sintaxe de uso do background

a sintaxe dessa propriedade é a seguinte:

background:　[　image　position/size repeat attachment origin clip color] | initial | inherit

Nota:Se qualquer um dos atributos listados acima estiver ausente ou omitido, será inserido o valor padrão do atributo (se houver). Para mais detalhes, consulte cada atributo.

O exemplo a seguir demonstra como usar o atributo background.

Exemplo

body　{background:　#ffff00　url("smiley.png")　no-repeat fixed center;}

Teste e veja‹/›

No CSS3Em, você também pode adicionar vários fundos a um único elemento. Os fundos se sobrepostam um ao outro ao longo do eixo z.

Exemplo

.box　{
　　　　width:　100%;
　　　　height:　500px;
　　　　background:　url("images/birds.png")　no-repeat center,url("images/clouds.png")　no-repeat center,lightblue;
}

Teste e veja‹/›

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
background-attachment	Especifique se o fundo deve rolar com o documento ou manter-se fixo na área de visualização.
background-color	Defina a cor de fundo do elemento.
background-clip	Especifique a área de desenho do fundo.
background-image	Defina uma ou mais imagens de fundo para um elemento.
background-origin	Especifique a área de localização da imagem de fundo.
background-position	Defina a posição inicial da imagem de fundo.
background-repeat	Especifique como a imagem de fundo deve ser repetida após ser especificado o tamanho e a posição.
background-size	Especifique o tamanho da imagem de fundo.
initial	Defina essa propriedade como seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o valor calculado da propriedade background do elemento pai.

Compatibilidade do navegador

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

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Safari da Apple 1+ Opera 3.5+