Atributo background-repeat CSS
- Página anterior background-position-y
- Próxima página background-size
Definição e uso
background-repeat Configuração das propriedades e como repetir a imagem de fundo.
Por padrão, a imagem de fundo é repetida tanto na direção horizontal quanto na vertical.
Explicação detalhada
A propriedade background-repeat define o modo de repetição da imagem.
Começar a repetir a imagem original, a qual é definida por background-image Define e conforme background-position posicionar os valores.
Veja também:
Tutorial de CSS:Fundo CSS
Manual de referência do CSS:Propriedade background-position
Manual de referência do HTML DOM:Propriedade backgroundRepeat
Exemplo
body
{
background-image: url(stars.gif);
background-repeat: repeat-y;
}
Dicas e comentários
Dica:A posição da imagem de fundo é definida pela propriedade background-position. Se a propriedade background-position não for especificada, a imagem será colocada no canto superior esquerdo do elemento.
Sintaxe do CSS
background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;
Valor da propriedade
Valor da propriedade
| Valor | Descrição |
|---|---|
| repeat | Padrão. A imagem de fundo será repetida tanto na direção vertical quanto na horizontal. |
| repeat-x | A imagem de fundo será repetida na direção horizontal. |
| repeat-y | A imagem de fundo será repetida na direção vertical. |
| no-repeat | A imagem de fundo será exibida apenas uma vez. |
| inherit | Define que a propriedade background-repeat deve ser herdada do elemento pai. |
Detalhes técnicos
| Valor padrão: | repeat |
|---|---|
| Herança: | não |
| Versão: | CSS1 |
| Sintaxe do JavaScript: | objeto.style.backgroundRepeat="repeat-y" |
Mais exemplos
- Como repetir a imagem de fundo verticalmente
- Este exemplo demonstra como repetir a imagem de fundo verticalmente.
- Como repetir a imagem de fundo horizontalmente
- Este exemplo demonstra como repetir a imagem de fundo horizontalmente.
- Como exibir uma imagem de fundo apenas uma vez
- Este exemplo demonstra como exibir uma imagem de fundo apenas uma vez.
Suporte do navegador
A tabela de números indica a primeira versão do navegador que suporta completamente essa propriedade.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | IE / Edge | Firefox | Safari | Opera |
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- Página anterior background-position-y
- Próxima página background-size
