background-repeat

<< background-image background-position >>

Esta propiedad, nos permite indicar si la imagen se debe repetir o no hasta ocupar todo el ancho y alto del elemento (por defecto no se repite) sus valores pueden ser:

  • no-repeat: No repetirá la imagen, la mostrará sólo 1 vez, aunque no ocupe todo el alto o el ancho del elemento.
  • repeat: Repetirá la imagen, tanto horizontal como verticalmente, hasta ocupar todo el ancho y alto del elemento (valor por defecto).
  • repeat-x: Repetirá la imagen, pero sólo en el eje x, hasta ocupar todo el ancho del elemento.
  • repeat-y: Repetirá la imagen, pero sólo en el eje y, hasta ocupar todo el alto del elemento.
  • space: la imagen se posiciona en las cuatro esquinas de la pantalla.
  • round: La imagen e fondo se repite y se estira/chafa para no dejar espacios sin imagen.
body {
  background-image: url("peter.gif");
  background-repeat: repeat;
}

<< background-image background-position >>