background-repeat

  • Enlace amigable (slug) de la revisión: CSS/background-repeat
  • Título de la revisión: background-repeat
  • Id de la revisión: 171258
  • Creada:
  • Creador: Nathymig
  • ¿Es la revisión actual?
  • Comentario /* Resumen */ Media:Visual|visual}}

Contenido de la revisión

{{ AnteriorSiguiente("CSS:background-position", "Guía de referencia de CSS") }}

Resumen

background-repeat especifica si la imagen es repetida (mosaïco) y de que manera.

  • {{ Cssxref("initial", "Valor inicial") }}: repetición (repeat)
  • Se aplica a: todos los elementos
  • {{ Cssxref("inheritance", "Herencia") }}: no
  • Percentages: N/A
  • Medio: {{ Cssxref("Media:Visual", "visual") }}
  • {{ Cssxref("computed value", "Valor calculada") }}: como se especificó

Sintaxis

background-repeat: repeat | repeat-x | repeat-y | no-repeat | inherit

Valores

repeat
la imagen es repetida horizontal y verticalmente
repeat-x
repetición únicamente en horizontal.
repeat-y
repetición únicamente en vertical.
no-repeat
no hay repetición: una sola copia es expuesta.


Ejemplos

.exampleone {
	background-image: url("logo.png");
	background-repeat: repeat-x;
}

.exampletwo {
	background-image: url("logo.png");
	background-repeat: no-repeat;
}

Especificaciones

Compatibilidad

Navegador Versión mínima
Internet Explorer 4
Firefox 1
Netscape 4
Opera 3.5

Ver también

{{ Cssxref("background") }}, {{ Cssxref("background-attachment") }}, {{ Cssxref("background-color") }}, {{ Cssxref("background-image") }}, {{ Cssxref("background-position") }}, {{ Cssxref("background-repeat") }}


Categorías

Interwiki languages
{{ languages( { "en": "en/CSS/background-repeat", "fr": "fr/CSS/background-repeat", "pl": "pl/CSS/background-repeat" } ) }}

Fuente de la revisión

<p> {{ AnteriorSiguiente("CSS:background-position", "Guía de referencia de CSS") }}
</p>
<h3 id="Resumen" name="Resumen"> Resumen </h3>
<p><code>background-repeat</code> especifica si la imagen es repetida (mosaïco) y de que manera.
</p>
<ul><li> {{ Cssxref("initial", "Valor inicial") }}: repetición (<small>repeat</small>)
</li><li> Se aplica a: todos los elementos
</li><li> {{ Cssxref("inheritance", "Herencia") }}: no
</li><li> Percentages: N/A
</li><li> Medio: {{ Cssxref("Media:Visual", "visual") }}
</li><li> {{ Cssxref("computed value", "Valor calculada") }}: como se especificó
</li></ul>
<h3 id="Sintaxis" name="Sintaxis"> Sintaxis </h3>
<pre class="eval">background-repeat: repeat | repeat-x | repeat-y | no-repeat | inherit
</pre>
<h3 id="Valores" name="Valores"> Valores </h3>
<dl><dt> repeat</dt><dd> la imagen es repetida horizontal y verticalmente
</dd><dt> repeat-x</dt><dd> repetición únicamente en horizontal.
</dd><dt> repeat-y</dt><dd> repetición únicamente en vertical.
</dd><dt> no-repeat</dt><dd> no hay repetición: una sola copia es expuesta. </dd></dl>
<p><br>
</p>
<h3 id="Ejemplos" name="Ejemplos"> Ejemplos </h3>
<pre>.exampleone {
	background-image: url("logo.png");
	background-repeat: repeat-x;
}

.exampletwo {
	background-image: url("logo.png");
	background-repeat: no-repeat;
}

</pre>
<h3 id="Especificaciones" name="Especificaciones"> Especificaciones </h3>
<ul><li> <a class="external" href="http://www.w3.org/TR/CSS1#background-repeat">CSS 1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat">CSS 2.1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/2005/WD-css3-background-20050216/#background-repeat">CSS 3</a>
</li></ul>
<h3 id="Compatibilidad" name="Compatibilidad"> Compatibilidad </h3>
<table class="standard-table"> <tbody><tr> <th>Navegador</th> <th>Versión mínima</th> </tr> <tr> <td>Internet Explorer</td> <td>4</td> </tr> <tr> <td>Firefox</td> <td>1</td> </tr> <tr> <td>Netscape</td> <td>4</td> </tr> <tr> <td>Opera</td> <td>3.5</td> </tr>
</tbody></table>
<h3 id="Ver_tambi.C3.A9n" name="Ver_tambi.C3.A9n"> Ver también </h3>
<p>{{ Cssxref("background") }}, {{ Cssxref("background-attachment") }}, {{ Cssxref("background-color") }}, {{ Cssxref("background-image") }}, {{ Cssxref("background-position") }}, {{ Cssxref("background-repeat") }}
</p><p><br>
</p>
<div class="noinclude">
<p><span class="comment">Categorías</span>
</p>
<span class="comment">Interwiki languages</span></div>
{{ languages( { "en": "en/CSS/background-repeat", "fr": "fr/CSS/background-repeat", "pl": "pl/CSS/background-repeat" } ) }}
Revertir a esta revisión