Style backgroundRepeat Property

<Estilo de objeto

Ejemplo

Establecer una imagen de fondo a la no-repeat:

document.body.style.backgroundRepeat = "repeat-y";

Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.

Definición y Uso

Los conjuntos o devoluciones de propiedad backgroundRepeat cómo se repiten (tile) una imagen de fondo.

Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.

Propiedad
backgroundRepeat	1.0	4.0	1.0	1.0	3.5

Sintaxis

Devolver la propiedad backgroundRepeat:

object .style.backgroundRepeat

Establecer la propiedad backgroundRepeat:

Valores de propiedad

Valor	Descripción
repeat	La imagen de fondo se repite tanto vertical como horizontalmente. Esto es por defecto
repeat-x	La imagen de fondo solamente se repite horizontalmente
repeat-y	La imagen de fondo solamente se repite verticalmente
no-repeat	La imagen de fondo no se repite
initial	Establece esta propiedad a su valor por defecto. Lea acerca inicial
inherit	Hereda esta propiedad de su elemento padre. Lea acerca de heredar

Detalles técnicos

Valor por defecto:	repetir
Valor de retorno:	Una cadena, que representa cómo se repite una imagen de fondo
Versión CSS	CSS1

Más ejemplos

Ejemplo

Cambie la propiedad backgroundRepeat de un elemento DIV especificado:

document.getElementById("myDIV").style.backgroundRepeat = "repeat-x";

Inténtalo tú mismo "

Ejemplo

Establecer una imagen de fondo a repetir horizontal o verticalmente:

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

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

Inténtalo tú mismo "