O melhor tutorial background-repeat CSS propriedade em 2024. Neste tutorial você pode aprender Exemplos,definições e instruções tag,Suporte a navegadores,Dicas e Notas,Valor de propriedade,exemplos on-line,artigos relacionados,
Apenas background-repeat imagem vertical:
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" |
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)."
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 | 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 |
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.
CSS tutorial: Background CSS
Manual de Referência CSS: propriedade background-position