Controlar la repetición de imagen vertical y/u horizontalmente (background-repeat)

En ocasiones, no es conveniente que la imagen de fondo se repita horizontal y verticalmente. Para ello, CSS introduce la propiedad background-repeat que permite controlar la forma de repetición de las imágenes de fondo.

Los valores posibles para la propiedad background-repeat son los siguientes:

- background-repeat: repeat: Es el valor por defecto, lo que hará que la imagen se repita tanto vertical como horizontalmente hasta ocupar todo el tamaño del elemento.

- background-repeat: no-repeat: Muestra una sola vez la imagen y no la repite en ninguna dirección.

- background-repeat: repeat-x: Repite la imagen sólo horizontalmente.

- backgroun-repeat: repeat-y: Repite la imagen sólo verticalmente.


REFERENCIA

CSS

SELECTORES

COLORES

BOX MODEL

FONDOS

POSICIONAMIENTO

VISUALIZACIÓN

TIPOGRAFÍA

TEXTO

ENLACES

IMÁGENES

LISTAS

TABLAS

FORMULARIOS

LAYOUT

Ejercicios

ANEXO