tutoriais mais recente desenvolvimento web
 

Style backgroundRepeat Property

<Estilo de objeto

Exemplo

Definir uma imagem de fundo para no-repeat:

document.body.style.backgroundRepeat = "repeat-y";
Tente você mesmo "

Mais "Try it Yourself" exemplos abaixo.


Definição e Uso

Os backgroundRepeat conjuntos de propriedades ou retornos como repetir (tile) uma imagem de fundo.


Suporte navegador

Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.

Propriedade
backgroundRepeat 1.0 4.0 1.0 1.0 3,5

Sintaxe

Devolver o imóvel backgroundRepeat:

object .style.backgroundRepeat

Defina a propriedade backgroundRepeat:

object .style.backgroundRepeat="repeat|repeat-x|repeat-y|no-repeat|initial|inherit"

Valores de propriedade

Valor Descrição
repeat A imagem de fundo é repetido tanto vertical como horizontalmente. Este é o padrão
repeat-x A imagem de fundo só é repetido horizontalmente
repeat-y A imagem de fundo só é repetido verticalmente
no-repeat A imagem de fundo não se repete
initial Define essa propriedade para seu valor padrão. Leia sobre inicial
inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar

Detalhes técnicos

Valor padrão: repetir
Valor de retorno: A String, representando como um background-image é repetido
CSS Versão CSS1

mais Exemplos

Exemplo

Altere a propriedade backgroundRepeat de um elemento DIV especificado:

document.getElementById("myDIV").style.backgroundRepeat = "repeat-x";
Tente você mesmo "

Exemplo

Definir uma imagem de fundo para repetir horizontalmente ou verticalmente:

function repeatVer() {
    document.body.style.backgroundRepeat = "repeat-y";
}

function repeatHor() {
    document.body.style.backgroundRepeat = "repeat-x";
}
Tente você mesmo "

Exemplo

Retornar o valor background-repeat de um documento:

alert(document.body.style.backgroundRepeat);
Tente você mesmo "

Páginas relacionadas

CSS tutorial: Background CSS

Referência CSS: background-position property

Referência CSS: background-repeat property

Referência HTML DOM: background property


<Estilo de objeto