Atributo background-repeat CSS
- Página anterior background-position-y
- Página siguiente background-size
Definición y uso
background-repeat establece si y cómo se repetirá la imagen de fondo.
Por defecto, la imagen de fondo se repite tanto en la dirección horizontal como en la vertical.
Explicación detallada
La propiedad background-repeat define el modo de mosaico de la imagen.
comenzar a repetir la imagen original, la cual se define por background-image definir, y según background-position ubicar el valor.
Véase también:
Tutoriales de CSS:Fondo de CSS
Manual de referencia de CSS:Atributo background-position
Manual de referencia de HTML DOM:Atributo backgroundRepeat
Ejemplo
body
{
background-image: url(stars.gif);
background-repeat: repeat-y;
}
Consejos y comentarios
Consejo:La posición de la imagen de fondo se establece según la propiedad background-position. Si no se especifica la propiedad background-position, la imagen se colocará en la esquina superior izquierda del elemento.
Sintaxis de CSS
background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;
Valor del atributo
Valor del atributo
| Valor | Descripción |
|---|---|
| repeat | Predeterminado. La imagen de fondo se repetirá tanto en la dirección vertical como en la horizontal. |
| repeat-x | La imagen de fondo se repetirá en la dirección horizontal. |
| repeat-y | La imagen de fondo se repetirá en la dirección vertical. |
| no-repeat | La imagen de fondo se mostrará solo una vez. |
| inherit | Define que la propiedad background-repeat debe ser heredada del elemento padre. |
Detalles técnicos
| Valor predeterminado: | repeat |
|---|---|
| Herencia: | no |
| Versión: | CSS1 |
| Sintaxis de JavaScript: | object.style.backgroundRepeat="repeat-y" |
Más ejemplos
- Cómo repetir verticalmente la imagen de fondo
- Este ejemplo muestra cómo repetir verticalmente la imagen de fondo.
- Cómo repetir horizontalmente la imagen de fondo
- Este ejemplo muestra cómo repetir horizontalmente la imagen de fondo.
- Cómo mostrar una imagen de fondo solo una vez
- Este ejemplo muestra cómo mostrar una imagen de fondo solo una vez.
Compatibilidad del navegador
La tabla de números indica la versión del navegador que admite completamente la propiedad.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | IE / Edge | Firefox | Safari | Opera |
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- Página anterior background-position-y
- Página siguiente background-size
