diff options
Diffstat (limited to 'files/pt-br/web/css/initial/index.html')
-rw-r--r-- | files/pt-br/web/css/initial/index.html | 80 |
1 files changed, 80 insertions, 0 deletions
diff --git a/files/pt-br/web/css/initial/index.html b/files/pt-br/web/css/initial/index.html new file mode 100644 index 0000000000..71d1c66431 --- /dev/null +++ b/files/pt-br/web/css/initial/index.html @@ -0,0 +1,80 @@ +--- +title: initial +slug: Web/CSS/initial +tags: + - Estado inicial + - Herança + - Iniciante + - Referencia + - User-agent + - estado padrão +translation_of: Web/CSS/initial +--- +<div>{{CSSRef}}</div> + +<p><span class="seoSummary">A palavra-chave CSS <strong><code>initial</code></strong> CSS se aplica ao <a href="/pt-BR/docs/Web/CSS/initial_value">valor inicial (ou padrão)</a> de uma propriedade para um elemento. Este valor inicial é definido pelo navegador. Este valor pode ser aplicado em qualquer propriedade CSS.</span> Isto inclui também o atalho CSS {{cssxref("all")}}, no qual o <code>initial</code> pode ser utilizado para restaurar todas as propriedades CSS para o seu estado inicial.</p> + +<div class="note"> +<p><strong>Nota:</strong> Em <a href="/pt-BR/docs/Web/CSS/inheritance#propriedades_herdadas">propriedades herdadas</a>, O valor inicial pode ser inesperado. Neste caso, considere o uso dos termos {cssxref("inherit")}}, {{cssxref("unset")}}, ou {{cssxref("revert")}}.</p> +</div> + +<h2 id="Exemplo">Exemplo</h2> + +<h4 id="HTML">HTML</h4> + +<pre class="brush: html"><p> + <span>Este texto é vermelho.</span> + <em>Este texto está em sua cor inicial (normalmente preto).</em> + <span>Este texto está em vermelho de novo :) </span> +</p></pre> + +<h4 id="CSS">CSS</h4> + +<pre class="brush: css">p { + color: red; +} + +em { + color: initial; +}</pre> + +<p>{{EmbedLiveSample('Exemplo')}}</p> + +<h2 id="Especificações">Especificações</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('CSS4 Cascade', '#initial', 'initial') }}</td> + <td>{{Spec2('CSS4 Cascade')}}</td> + <td>No changes from Level 3.</td> + </tr> + <tr> + <td>{{ SpecName('CSS3 Cascade', '#initial', 'initial') }}</td> + <td>{{Spec2('CSS3 Cascade')}}</td> + <td>Initial definition.</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidade de navegadores</h2> + + + +<p>{{Compat("css.types.global_keywords.initial")}}</p> + +<h2 id="See_also" name="See_also">Veja também</h2> + +<ul> + <li>Utilize {{cssxref("unset")}} para definir uma propriedade para o seu valor herdado caso haja herança, ou para o seu valor inicial, caso não haja..</li> + <li>Utilize {{cssxref("revert")}} para redefinir uma propriedade ao valor estabelecido pela folha de estilo <a href="/en-US/docs/Web/HTTP/Headers/User-Agent">user-agent</a> (ou por seus estilos de usuário, se existir algum).</li> + <li>Utilize {{cssxref("inherit")}} para fazer uma propriedade de elemento a mesma de seu elemento pai.</li> + <li>A propriedade {{cssxref("all")}} permite que você redefina todas as propriedades para os seus estados initial, inherited, reverted, or unset de uma vez.</li> +</ul> |