Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 629345 of @import

  • Slug da revisão: Web/CSS/@import
  • Título da revisão: @import
  • ID da revisão: 629345
  • Criado:
  • Autor: teoli
  • É a revisão atual? Não
  • Comentário CSS/@import Web/CSS/@import

Conteúdo da revisão

{{ CSSRef() }}

Resumo

@import é usado para importar folhas de estilos dentro de outras folhas.

Sintaxe

@import "url";
@import "url"media1,media2,...;
@import url("url");
@import url("url")media1;

Notas

De modo que agentes do usuário possam evitar recuperar recursos para tipos não suportados de mídia, autores podem especificar regras @import dependentes de mídia. A importação destas condicionais especifica separado por vírgulas os tipos de mídia depois da URL. No all para o médio tem o mesmo efeito.

Exemplos

@import url("fineprint.css") print;
@import url("bluish.css") projection, tv;

Especificações

Compatibilidade com navegadores

Veja também

{{ Cssxref("@media") }}, {{ Cssxref("@font-face") }}, {{ Cssxref("@import") }}

Categorias

Interwiki Language Links

{{ languages( { "en": "en/CSS/@import", "fr": "fr/CSS/@import", "pl": "pl/CSS/@import" } ) }}

Fonte da revisão

<p>{{ CSSRef() }}</p>
<h3 id="Resumo" name="Resumo">Resumo</h3>
<p><code>@import</code> é usado para importar folhas de estilos dentro de outras folhas.</p>
<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
<pre class="eval">
@import "<i>url</i>";
@import "<i>url</i>"<i>media1</i>,<i>media2</i>,<i>...</i>;
@import url("<i>url</i>");
@import url("<i>url</i>")<i>media1</i>;
</pre>
<h3 id="Notas" name="Notas">Notas</h3>
<p>De modo que agentes do usuário possam evitar recuperar recursos para tipos não suportados de mídia, autores podem especificar regras <code>@import</code> dependentes de mídia. A importação destas condicionais especifica separado por vírgulas os <a href="pt/CSS/@media#Media_types">tipos de mídia</a> depois da URL. No <code>all</code> para o médio tem o mesmo efeito.</p>
<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
<pre class="eval">
@import url("fineprint.css") print;
@import url("bluish.css") projection, tv;
</pre>
<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
<ul>
 <li><a class="external" href="https://www.w3.org/TR/REC-CSS1#the-cascade">CSS 1</a></li>
 <li><a class="external" href="https://www.w3.org/TR/CSS21/cascade.html#at-import">CSS 2.1</a></li>
</ul>
<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h3>
<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
<p>{{ Cssxref("@media") }}, {{ Cssxref("@font-face") }}, {{ Cssxref("@import") }}</p>
<p><span class="comment">Categorias</span></p>
<p><span class="comment">Interwiki Language Links</span></p>
<p>{{ languages( { "en": "en/CSS/@import", "fr": "fr/CSS/@import", "pl": "pl/CSS/@import" } ) }}</p>
Reverter para esta revisão