background-repeat CSS propriedade
Exemplos
Apenas background-repeat imagem vertical:
{
background-image:url('paper.gif');
background-repeat:repeat-y;
}
tente »
definições e instruções tag
Como definir o azulejo objeto propriedade background-image.
Por padrão, a imagem de fundo repetida vertical e direcções horizontais.
padrão: | repetição |
---|---|
herança: | não |
versão: | CSS1 |
sintaxe JavaScript: | objeto object.style.backgroundRepeat = "repetir-y" |
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.
<Property | |||||
---|---|---|---|---|---|
background-repeat | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
faz várias imagens de fundo em um elemento IE8 e versões anteriores do navegador não suporta.
Note-se que o IE7 e versões anteriores não suportam "herdar (herdado)" Valor.IE8 precisa definir! DOCTYPE. suporte IE9 "herdar (herdado)."
Dicas e Notas
Dica: propriedade background-positionpara definir a posição da imagem de fundo. Se o local especificado sem qualquer fundo, as imagens são sempre colocadas no canto superior esquerdo do elemento.
Valor de propriedade
valor | explicação |
---|---|
repetição | imagem de fundo vai repetir direções vertical e horizontal. Este é o padrão |
repetir-X | Apenas a posição horizontal da imagem de fundo será repetido |
repetir-y | Apenas a posição vertical da imagem de fundo será repetido |
no-repeat | background-image não será repetido |
herdar | Especifica as configurações de atributos background-REPEA deve ser herdado do elemento pai |
exemplos on-line
Como repetir uma imagem de fundo nas direções vertical e horizontal
Este exemplo demonstra como a repetir uma imagem de fundo em direcções verticais e horizontais.
Como repetir uma imagem de fundo apenas na direcção horizontal
Este exemplo demonstra como a repetir uma imagem de fundo somente a direcção horizontal.
Como exibir a imagem de fundo apenas uma vez
Este exemplo demonstra como exibir uma imagem de fundo não será repetido apenas uma vez.
artigos relacionados
CSS tutorial: Background CSS
Manual de Referência CSS: propriedade background-position