blob: b67776898ebda9a6826263b6bf57793b571d7d05 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
|
---
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>
|
