CSS background-repeatPropiedad

Ejemplo

Solo repite background-image en dirección vertical:

body { background-image:url('paper.gif'); background-repeat:repeat-y; }

Definición y uso

Establece cómo se repite la propiedad background-image de un elemento.

De forma predeterminada, repite el background-image en dirección vertical y horizontal.

Valor predeterminado:	repeat
Herencia:	no
Versión:	CSS1
Sintaxis de JavaScript:	object object.style.backgroundRepeat="repeat-y"

Compatibilidad con navegadores

Los números de la tabla indican la primera versión del navegador que soporta la propiedad.

Los números precedidos por -webkit-, -ms- o -moz- indican la primera versión del navegador que soporta la propiedad con ese prefijo.

Propiedad
background-repeat	1.0	4.0	1.0	1.0	3.5

IE8 y versiones anteriores de navegadores no soportan múltiples imágenes de fondo en un elemento.

NotaIE7 y versiones anteriores no soportan el valor "inherit". IE8 requiere definir <!DOCTYPE>. IE9 soporta "inherit".

Consejos y notas

Consejo:La propiedad background-position establece la posición de la imagen de fondo. Si no se especifica ninguna posición, la imagen siempre se coloca en la esquina superior izquierda del elemento.

Valores de la propiedad

Valor	Descripción
repeat	La imagen de fondo se repetirá tanto en dirección vertical como horizontal. Este es el valor predeterminado.
repeat-x	Solo se repite la imagen de fondo en dirección horizontal.
repeat-y	Solo se repite la imagen de fondo en dirección vertical.
no-repeat	La imagen de fondo no se repetirá.
inherit	Especifica que el valor de la propiedad background-repeat debe heredarse del elemento padre.

Ejemplos en línea

Cómo repetir una imagen de fondo en dirección vertical y horizontal
Este ejemplo demuestra cómo repetir la imagen de fondo en dirección vertical y horizontal.

Este ejemplo demuestra cómo repetir la imagen de fondo solo en dirección horizontal.

Este ejemplo demuestra cómo mostrar una imagen de fondo sin repetición, solo una vez.

CSSPropiedad