aboutsummaryrefslogtreecommitdiff
path: root/files/pt-pt/web/css/_colon_before
diff options
context:
space:
mode:
authorFlorian Merz <me@fiji-flo.de>2021-02-11 14:50:24 +0100
committerFlorian Merz <me@fiji-flo.de>2021-02-11 14:50:24 +0100
commit2c2df5ea01eb5cd8b9ea226b2869337e59c5fe3e (patch)
tree86ab4534d10092b293d4b7ab169fe1a8a2421bfa /files/pt-pt/web/css/_colon_before
parent8260a606c143e6b55a467edf017a56bdcd6cba7e (diff)
downloadtranslated-content-2c2df5ea01eb5cd8b9ea226b2869337e59c5fe3e.tar.gz
translated-content-2c2df5ea01eb5cd8b9ea226b2869337e59c5fe3e.tar.bz2
translated-content-2c2df5ea01eb5cd8b9ea226b2869337e59c5fe3e.zip
unslug pt-pt: move
Diffstat (limited to 'files/pt-pt/web/css/_colon_before')
-rw-r--r--files/pt-pt/web/css/_colon_before/index.html63
1 files changed, 0 insertions, 63 deletions
diff --git a/files/pt-pt/web/css/_colon_before/index.html b/files/pt-pt/web/css/_colon_before/index.html
deleted file mode 100644
index 5572a818ef..0000000000
--- a/files/pt-pt/web/css/_colon_before/index.html
+++ /dev/null
@@ -1,63 +0,0 @@
----
-title: ':before | ::before'
-slug: 'Web/CSS/:before'
-tags:
- - Referencia_CSS
-translation_of: 'Web/CSS/::before'
----
-<p>{{ CSSRef() }}</p>
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-<p>:before cria um pseudo-elemento que é a primeira criança do elemento selecionado. Tipicamente usado para adicionar conteúdo cosmético a um elemento. Este elemento é <code>inline</code> por padrão.</p>
-<p>{{ fx_minversion_note("3.5", "A versão do Firefox anterior à 3.5 somente tinha implementada a propriedade <code>:before</code> do CSS 2.0. Não foram permitidas <code>position, float, list-style-*</code> e algumas propriedades de exibição. O Firefox 3.5 removeu estas restrições. Note que isto independe da notação com :: mencionada anteriormente.") }}</p>
-<h3 id="Sintaxe">Sintaxe</h3>
-<pre>element:before { propriedades do estilo } /* sintaxe CSS2 */
-
-element::before { <em>propriedades do estilo</em> } /* sintaxe CSS3, não suportada pelo IE8 */</pre>
-<p>A notação<code> ::before </code>foi introduzida no CSS3 com o objetivo de estabelecer uma diferença entre pseudo-classes e pseudo-elementos. Navegadores também aceitam a notação<code> :before </code>introduzida no CSS 2.</p>
-<div class="note"><strong>Nota:</strong>  O Microsoft Internet Explorer 8 suporta somente a notação <code>:<span style="font-family: Verdana,Tahoma,sans-serif;">before</span></code>.</div>
-<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
-<pre>q:before { content: "»" }
-q:after { content: '«' }
-
-&lt;q&gt;Algumas citações&lt;/q&gt;, ele disse, &lt;q&gt;são melhores que nenhuma&lt;/q&gt;.</pre>
-<p>Resultado:    »Algumas citações«, ele disse, »são melhores que nenhuma«.</p>
-<h3 id="Notas">Notas</h3>
-<p>Apesar das correções de posicionamento, o Firefox 3.5 não permite que o conteúdo seja gerado como um irmão anteriormente separado (como a declaração das <a class="external" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content">CSS spec</a>(EN) "Os pseudo-elementos &lt;code&gt;:before&lt;/code&gt; e &lt;code&gt;:after&lt;/code&gt; interagem com outras caixas...como se fossem elementos reais inseridos dentro de seu elemento associado."), eles podem ser usados para proporcionar uma ligeira melhora nos arranjos sem tabelas (isto é, para alcançar o centro), tão longo como o conteúdo a ser centralizado é envolto em outro elemento criança, uma coluna antes e depois do conteúdo pode ser introduzida sem a adição de um irmão anterior ou posterior (por exemplo, talvez seja mais semanticamente correto adicionar um span a mais como anteriormente, que seria para adicionar um &lt;code&gt;&lt;div/&gt;&lt;/code&gt; vazio antes e depois). (E sempre lembrar de adicionar uma largura para um flututante, uma vez que de outra forma ele não flutuará!)</p>
-<pre class="brush: html">&lt;style type="text/css"&gt;
-
-#floatme {float:left; width:50%;}
-
-.example:before {
- content: "Floated Before"; /* To get an empty column, just indicate a hex code for a non-breaking space: \a0 as the content (use \0000a0 when following such a space with other characters) */
- float: left;
- width:25%
-}
-.example:after {
- content: "Floated After";
- float: right;
- width:25%
-}
-
-/* For styling */
-.example:before, .example:after, .first {
- background: yellow;
- color: red;
-}
-
-
-&lt;/style&gt;
-&lt;div class="example"&gt;
-&lt;span id="floatme"&gt;"Floated Before" should be generated on the left of the
-viewport and not allow overflow in this line to flow under it. Likewise
-should "Floated After" appear on the right of the viewport and not allow this
-line to flow under it.&lt;/span&gt;
-&lt;/div&gt;</pre>
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-<ul> <li><a class="external" href="http://www.w3.org/TR/CSS21/generate.html" title="http://www.w3.org/TR/CSS21/generate.html">CSS 2.1 Generated Content</a> (EN)</li> <li><a class="external" href="http://www.w3.org/TR/CSS21/selector.html#before-and-after" title="http://www.w3.org/TR/CSS21/selector.html#before-and-after">CSS 2.1 Selectors</a> (EN)</li> <li><a class="external" href="http://www.w3.org/TR/css3-selectors/#gen-content" rel="external nofollow" title="http://www.w3.org/TR/css3-selectors/#gen-content">CSS 3 Selectors</a> (EN) Rascunho em produção</li>
-</ul>
-<h3 id="Browser_compatibility" name="Browser_compatibility">Compatibilidade com navegadores</h3>
-<table class="standard-table"> <tbody> <tr> <th>Navegador</th> <th>Versão mais antiga</th> <th>Suporte a</th> </tr> <tr> <td>Internet Explorer</td> <td>8.0<code> <br> </code></td> <td><code>:before</code></td> </tr> <tr> <td rowspan="2">Firefox (Gecko)</td> <td>1.0 (1.0)</td> <td><code>:before<br> </code></td> </tr> <tr> <td><strong>1.0</strong> (1.5)</td> <td><code>:before | ::before</code></td> </tr> <tr> <td>Safari (WebKit)</td> <td><strong>1.0</strong> (85)</td> <td><code><span style="font-family: Verdana,Tahoma,sans-serif;"><span style="font-family: monospace;">:</span></span>before | ::before</code></td> </tr> <tr> <td rowspan="2">Opera</td> <td>4.0</td> <td><code>:before<br> </code></td> </tr> <tr> <td><strong>7.0</strong></td> <td><code>:before | ::before</code></td> </tr> </tbody>
-</table>
-<h3 id="Examples" name="Examples">Veja também</h3>
-<p>{{ Cssxref(":after") }}</p>
-<p>{{ languages( { "en": "en/CSS/:before", "fr": "fr/CSS/:before", "pl": "pl/CSS/:before", "es": "es/CSS/before" } ) }}</p>