aboutsummaryrefslogtreecommitdiff
path: root/files/pt-pt/web/css/background-repeat/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/pt-pt/web/css/background-repeat/index.html')
-rw-r--r--files/pt-pt/web/css/background-repeat/index.html138
1 files changed, 138 insertions, 0 deletions
diff --git a/files/pt-pt/web/css/background-repeat/index.html b/files/pt-pt/web/css/background-repeat/index.html
new file mode 100644
index 0000000000..582f6f86f8
--- /dev/null
+++ b/files/pt-pt/web/css/background-repeat/index.html
@@ -0,0 +1,138 @@
+---
+title: background-repeat
+slug: Web/CSS/background-repeat
+tags:
+ - Referencia_CSS
+translation_of: Web/CSS/background-repeat
+---
+<p>{{ CSSRef() }}</p>
+
+<h3 id="Resumo" 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: todos os elementos</li>
+ <li>Herdado: não</li>
+ <li>Porcentagens: N/A</li>
+ <li>Mídia: <a href="pt/CSS/Media/Visual">visual</a></li>
+ <li>Valor computado: como especificado</li>
+</ul>
+
+<h3 id="Sintaxe" name="Sintaxe">Sintaxe</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>A imagem é repetida vertical e horizontalmente.</dd>
+ <dt>repeat-x</dt>
+ <dd>A imagem é repetida somente horizontalmente.</dd>
+ <dt>repeat-y</dt>
+ <dd>A imagem é repetida somente verticalmente.</dd>
+ <dt>no-repeat</dt>
+ <dd>A imagem não é repetida: somente uma cópia da imagem é desenhada.</dd>
+</dl>
+
+
+<h2 id="Exemplos">Exemplos</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;ol&gt;
+ &lt;li&gt;no-repeat
+ &lt;div class="one"&gt;&amp;nbsp;&lt;/div&gt;
+ &lt;/li&gt;
+ &lt;li&gt;repeat
+ &lt;div class="two"&gt;&amp;nbsp;&lt;/div&gt;
+ &lt;/li&gt;
+ &lt;li&gt;repeat-x
+ &lt;div class="three"&gt;&amp;nbsp;&lt;/div&gt;
+ &lt;/li&gt;
+ &lt;li&gt;repeat-y
+ &lt;div class="four"&gt;&amp;nbsp;&lt;/div&gt;
+ &lt;/li&gt;
+ &lt;li&gt;repeat-x, repeat-y (multiple images)
+ &lt;div class="five"&gt;&amp;nbsp;&lt;/div&gt;
+ &lt;/li&gt;
+&lt;/ol&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">/* Shared for all DIVS in example */
+li {margin-bottom: 12px;}
+div {
+ background-image: url(https://mdn.mozillademos.org/files/12005/starsolid.gif);
+ width: 144px;
+ height: 84px;
+}
+
+/* background repeat CSS */
+.one {
+ background-repeat: no-repeat;
+}
+.two {
+ background-repeat: repeat;
+}
+.three {
+ background-repeat: repeat-x;
+}
+.four {
+ background-repeat: repeat-y;
+}
+
+/* Multiple images */
+.five {
+ background-image: url(https://mdn.mozillademos.org/files/12005/starsolid.gif),
+ url(https://developer.cdn.mozilla.net/media/redesign/img/favicon32.png);
+ background-repeat: repeat-x,
+ repeat-y;
+ height: 144px;
+}</pre>
+
+<h3 id="Result">Result</h3>
+
+<p>In this example, each list item is matched with a different value of <code>background-repeat</code>.</p>
+
+<p>{{EmbedLiveSample('Exemplos', 240, 360)}}</p>
+
+<h3 id="Compatibilidade_com_navegadores" 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 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
+
+<p>{{ Cssxref("background") }}, {{ Cssxref("background-attachment") }}, {{ Cssxref("background-color") }}, {{ Cssxref("background-image") }}, {{ Cssxref("background-position") }}, {{ Cssxref("background-repeat") }}</p>
+
+<p><span class="comment">Categorias</span></p>
+
+<p><span class="comment">Interwiki Language Links</span></p>
+
+<p>{{ languages( { "en": "en/CSS/background-repeat", "fr": "fr/CSS/background-repeat", "pl": "pl/CSS/background-repeat" } ) }}</p>