---
title: '@import'
slug: Web/CSS/@import
tags:
  - At-rule
  - CSS
  - Referencia
  - Referencia_CSS
  - import
translation_of: Web/CSS/@import
---
<p>{{ CSSRef() }}</p>

<h3 id="Resumo" name="Resumo">Resumo</h3>

<p><code>@import</code> é utilizado para importar regras de estilo de outros folhas de estilo.</p>

<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>

<pre class="eval">@import "<em>url</em>";
@import "<em>url</em>"<em>media1</em>,<em>media2</em>,<em>...</em>;
@import url("<em>url</em>");
@import url("<em>url</em>")<em>media1</em>;
</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="http://www.w3.org/TR/REC-CSS1#the-cascade">CSS 1</a></li>
 <li><a class="external" href="http://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>