propriedades do fundo do CSS
Exemplos
Definir múltiplas imagens de fundo em um elemento div (e especificar sua localização):
{
background: #00ff00 url('smiley.gif') no-repeat fixed center;
}
tente »
Suporte a navegadores
Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.
Imediatamente após a -webkit- digitais, -ms- ou -moz- atrás em apoio do prefixo atribuem primeiro número da versão do browser.
属性 | |||||
---|---|---|---|---|---|
background | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Todos os principais navegadores suportam atributos de fundo.
Note-se que o IE8 e versões anteriores não suportam uma pluralidade de elementos de imagem de fundo.
Note-se que o IE7 e versões anteriores não suportam valor "herdar".IE8 precisa definir! DOCTYPE. IE9 apoiar o "herança."
definições e instruções tag
Background propriedade estenográfica pode definir todas as propriedades do fundo em uma declaração.
Propriedades que podem ser configuradas são: background-color, background-position, fundo-size, background-repeat, background-origem, background-clip, background-attachment e background-image.
Se o acima está faltando um valor, não importa, como background: # FF0000 URL (smiley.gif); é permitido.
padrão: | Consulte a propriedade separada |
---|---|
herança: | não |
versão: | CSS1 + CSS3 novas propriedades |
sintaxe JavaScript: | objeto object.style.background = "url vermelho (smiley.gif) superior esquerdo no-repeat" |
gramática
valor | explicação | CSS |
---|---|---|
background-color | Especifica a cor de fundo para usar | 1 |
background-position | Especifica a localização da imagem de fundo | 1 |
background-size | Especifica o tamanho da imagem de fundo | 3 |
background-repeat | Especifica como repetir uma imagem de fundo | 1 |
background-origem | background image área local especificado | 3 |
background-clipe | Especifica imagem Área de pintura do fundo | 3 |
background-attachment | Definir a imagem de fundo é fixa ou rolagem com o resto da página. | 1 |
background-image | Especifique uma ou mais imagens de fundo para ser usado | 1 |
artigos relacionados
CSS tutorial: Background CSS
tutorial CSS3: CSS3 Fundos