background-repeat

  • Revision slug: CSS/background-repeat
  • Revision title: background-repeat
  • Revision id: 184479
  • Created:
  • Creator: Verruckt
  • Is current revision? Não
  • コメント

Revision Content

{{template.CSSRef()}}

Resumo

background-repeat specifies whether the image is repeated (tiled), and how.

  • Valor inicial: repeat
  • Aplica-se a: all elements
  • Herança: no
  • Porcentagens: N/A
  • Mídia: visual
  • Valor computado: as specified

Sintaxe

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

Valores

repeat
The image is repeated both horizontally and vertically.
repeat-x
The image is repeated horizontally only.
repeat-y
The image is repeated vertically only.
no-repeat
The image is not repeated: only one copy of the image is drawn.


Exemplos

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

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

Notas

Especificações

Compatibilidade com navegadores

Navegador Versão mais antiga
Internet Explorer 4
Firefox 1
Netscape 4
Opera 3.5

Veja também

{{wiki.template('CSS_Reference:Background')}}

Categorias

Interwiki Language Links

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

Revision Source

<p>
{{template.CSSRef()}}
</p>
<h3 name="Resumo"> Resumo </h3>
<p><code>background-repeat</code> specifies whether the image is repeated (tiled), and how.
</p>
<ul><li> Valor inicial: repeat
</li><li> Aplica-se a: all elements
</li><li> Herança: no
</li><li> Porcentagens: N/A
</li><li> Mídia: <a href="pt/CSS/Media/Visual">visual</a>
</li><li> Valor computado: as specified 
</li></ul>
<h3 name="Sintaxe"> Sintaxe </h3>
<pre class="eval">background-repeat: repeat | repeat-x | repeat-y | no-repeat | inherit
</pre>
<h3 name="Valores"> Valores </h3>
<dl><dt> repeat</dt><dd> The image is repeated both horizontally and vertically.
</dd><dt> repeat-x</dt><dd> The image is repeated horizontally only.
</dd><dt> repeat-y</dt><dd> The image is repeated vertically only.
</dd><dt> no-repeat</dt><dd> The image is not repeated: only one copy of the image is drawn.
</dd></dl>
<p><br>
</p>
<h3 name="Exemplos"> Exemplos </h3>
<pre>.exampleone {
	background-image: url("logo.png");
	background-repeat: repeat-x;
}

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

</pre>
<h3 name="Notas"> Notas </h3>
<h3 name="Especifica.C3.A7.C3.B5es"> Especificações </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 name="Compatibilidade_com_navegadores"> Compatibilidade com navegadores </h3>
<table class="standard-table">
  <tbody><tr>
    <th>Navegador</th>
    <th>Versão mais antiga</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 name="Veja_tamb.C3.A9m"> Veja também </h3>
<p>{{wiki.template('CSS_Reference:Background')}}
</p><p><span class="comment">Categorias</span>
</p><p><span class="comment">Interwiki Language Links</span>
</p>{{ wiki.languages( { "en": "en/CSS/background-repeat", "fr": "fr/CSS/background-repeat", "pl": "pl/CSS/background-repeat" } ) }}
Revert to this revision