background-repeat
Establece o recupera cómo se coloca en mosaico la propiedad background-image del objeto.
Sintaxis
{ background-repeat: sRepeat }
Valores posibles
sRepeat
Cadena que especifica o recibe uno de los valores siguientes:
repeat |
Valor predeterminado. La imagen se repite horizontal y verticalmente. |
no-repeat |
La imagen no se repite. |
repeat-x |
La imagen se repite horizontalmente. |
repeat-y |
La imagen se repite verticalmente. |
Esta propiedad tiene el valor predeterminado repeat. No se hereda.
Observaciones
Los valores repeat-x y repeat-y hacen que la imagen se repita horizontal y verticalmente, respectivamente, y que se cree por tanto una banda de imágenes de un lado a otro.
Esta propiedad se puede establecer con otras propiedades de fondo mediante la propiedad compuesta background.
Ejemplos
En el siguiente ejemplo se usa la propiedad background-repeat para especificar si la imagen de fondo se coloca en mosaico. Se utiliza una llamada a una hoja de estilo incrustada (global) para colocar en mosaico la imagen:
<style>
.style1 {background-image: url(sphere.jpg);
background-repeat: repeat}
.style2 {background-image: url(sphere.jpeg);
background-repeat: no-repeat; }
</style>
</head>
<body>
<span onmouseover="this.className='style1'"
onmouseout="this.className='style2'"
onclick="this.className=''">
. . .
</span>
Información sobre estándares
Esta propiedad se define en la especificación Cascading Style Sheets (CSS), Level 1 (CSS1) (Hojas de estilos en cascada (CSS), nivel 1 (CSS1)).
Aplicable a
A, ADDRESS, B, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, CUSTOM, DD, DEFAULTS, DFN, DIV, DL, DT, EM, FIELDSET, FORM, HN, HTML, I, IMG, INPUT TYPE=BUTTON, INPUT TYPE=CHECKBOX, INPUT TYPE=FILE, INPUT TYPE=IMAGE, INPUT TYPE=PASSWORD, INPUT TYPE=RADIO, INPUT TYPE=RESET, INPUT TYPE=SUBMIT, INPUT TYPE=TEXT, LI, OL, P, S, SPAN, SUB, TABLE, TBODY, TD, TFOOT, TH, THEAD, TR, TT, U, UL, VAR, XMP