background-repeat propiedad CSS
Ejemplos
Sólo fondo de la repetición-vertical de la imagen:
{
background-image:url('paper.gif');
background-repeat:repeat-y;
}
Trate »
definiciones de código e instrucciones
Cómo establecer la propiedad Imagen de fondo objeto de baldosas.
Por defecto, la imagen de fondo se repite vertical y direcciones horizontales.
Por defecto: | repetición |
---|---|
herencia: | no |
Version: | CSS1 |
la sintaxis de JavaScript: | objeto object.style.backgroundRepeat = "repeat-y" |
Soporte para el navegador
Las cifras de la tabla representan el primer navegador compatible con el número de versión de la propiedad.
Inmediatamente después de la -webkit- digital, -MS- o hace -moz- en apoyo del prefijo atribuyen primer número de la versión del navegador.
<Property | |||||
---|---|---|---|---|---|
background-repeat | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
múltiples imágenes de fondo en un elemento IE8 y versiones anteriores del navegador no soporta.
Tenga en cuenta que Internet Explorer 7 y versiones anteriores no son compatibles "heredan (heredado)" valor.IE8 necesita definir! DOCTYPE. apoyo IE9 "hereda (hereditaria)."
Notas y sugerencias
Consejo: propiedad background-positionpara ajustar la posición de la imagen de fondo. Si la ubicación especificada sin ningún tipo de fondo, las imágenes siempre se colocan en la esquina superior izquierda del elemento.
propiedad Valor
valor | explicación |
---|---|
repetición | La imagen de fondo repetir direcciones vertical y horizontal. Este es el valor por defecto |
repeat-x | Sólo se repetirá la posición horizontal de la imagen de fondo |
repeat-y | Sólo se repetirá la posición vertical de la imagen de fondo |
no-repeat | Imagen de fondo no se repite |
heredar | Especifica los parámetros de los atributos de fondo-REPEA deben ser heredados de elemento padre |
ejemplos en línea
Cómo repetir una imagen de fondo en direcciones verticales y horizontales
Este ejemplo demuestra cómo repetir una imagen de fondo en las direcciones vertical y horizontal.
Cómo repetir una imagen de fondo sólo en la dirección horizontal
Este ejemplo demuestra cómo repetir una imagen de fondo solamente la dirección horizontal.
Cómo mostrar la imagen de fondo sólo una vez
Este ejemplo muestra cómo mostrar una imagen de fondo no se repite sólo una vez.
Artículos relacionados
CSS tutorial: Antecedentes CSS
Manual de Referencia CSS: propiedad background-position