Revision 184573 of @import

Slug da revisão: CSS/@import
Título da revisão: @import
ID da revisão: 184573
Criado: Jun 14, 2007, 12:30:39 PM
Autor: Luis Henrique Sousa
É a revisão atual? Não
Comentário New page: <breadcrumbs></breadcrumbs> __NOTOC__ {{CSSRef}} == Resumo == <code>@import</code> é usado para importar folhas de estilos dentro de outras folhas. == Sintaxe == @import "<i>url</i>"; ...

Etiquetas:

Conteúdo da revisão

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

So that user agents can avoid retrieving resources for unsupported media types, authors may specify media-dependent @import rules. These conditional imports specify comma-separated media types after the URI. In the absence of any media types, the import is unconditional. Specifying all for the medium has the same effect.

Exemplos

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

Especificações

Compatibilidade dos Browsers

Veja também

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

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

Fonte da revisão

<p> 
{{template.CSSRef()}}
</p>
<h3 name="Resumo"> Resumo </h3>
<p><code>@import</code> é usado para importar folhas de estilos dentro de outras folhas.
</p>
<h3 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 name="Notas"> Notas </h3>
<p>So that user agents can avoid retrieving resources for unsupported media types, authors may specify media-dependent <code>@import</code> rules. These conditional imports specify comma-separated <a href="pt/CSS/@media#Media_types">media types</a> after the URI.  In the absence of any media types, the import is unconditional. Specifying <code>all</code> for the medium has the same effect.
</p>
<h3 name="Exemplos"> Exemplos </h3>
<pre class="eval">@import url("fineprint.css") print;
@import url("bluish.css") projection, tv;
</pre>
<h3 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 name="Compatibilidade_dos_Browsers"> Compatibilidade dos Browsers </h3>
<h3 name="Veja_tamb.C3.A9m"> Veja também </h3>
<p>{{template.Cssxref("@media")}}, {{template.Cssxref("@font-face")}}
</p>{{ wiki.languages( { "fr": "fr/CSS/@import", "pl": "pl/CSS/@import" } ) }}

Reverter para esta revisão