Revision 629341 of @media

<p>
{{ CSSRef() }}
</p>
<h3 name="Resumo"> Resumo </h3>
<p><code>@media</code> especifica o alvo de tipos de mídia (separado por vírgulas) de uma configuração de regras (delimitadas por chaves, {}).
</p>
<h3 name="Sintaxe"> Sintaxe </h3>
<pre class="eval">@media <i>&lt;tipos de mídia&gt;</i> {
  /* media-specific rules */
}
</pre>
<h3 name="Tipos_de_m.C3.ADdia"> Tipos de mídia </h3>
<dl><dt>all
</dt><dd>Apropriado para todos os dispositivos.
</dd><dt>braille
</dt><dd>Pretendido para realimentação de dispositivos táteis para braille.
</dd><dt>embossed
</dt><dd>Pretendido para impressoras braille paginadas.
</dd><dt>handheld
</dt><dd>Pretendido para dispositivos <i>handheld</i> (tipicamente tela pequena, banda limitada).
</dd><dt>print
</dt><dd>Pretendido para material paginado e para documentos visualizados na tela em modo de previsão de impressão. Por favor consulte a seção em mídia paginada para informações sobre formatação de edições que são específicos para mídias paginadas.
</dd><dt>projection
</dt><dd>Pretendido para apresentações projetadas, por exemplo projetores. Por favor consulte a seção em mídia paginada para informações sobre formatação de edições que são especificas para mídias paginadas.
</dd><dt>screen
</dt><dd>Pretendido primariamente para computadores de tela colorida.
</dd><dt>speech
</dt><dd>Pretendido para sintetizadores de fala. Nota: CSS2 tem um tipo de mídia similar chamado 'aural' para esta proposta. Veja o apêndice em folhas de estilo aural para detalhes.
</dd><dt>tty
</dt><dd>Pretendido para mídia usando uma grade de caracteres <i>fixed-pitch</i> (como em teletipos, terminais, ou dispositivos portáteis com capacidades limitadas de exibição). Autores não devem usar unidades de pixel com o tipo de mídia "tty".
</dd><dt>tv
</dt><dd>Pretendido para dispositivos tipo televisão (baixa resolução, cor, telas com rolagem limitada, som disponível).
</dd></dl>
<h3 name="Grupos_de_m.C3.ADdia"> Grupos de mídia </h3>
<p>Tipos de mídia são também parte de diferentes grupos de mídia. A seguinte tabela indica que tipos estão em cada grupo.
</p>
<table class="standard-table"> <tbody><tr>
<td> 
</td><td class="header" colspan="10" style="text-align:center">Grupos
</td></tr> <tr>
<td class="header">Tipos
</td><td class="header">continuous
</td><td class="header">paged
</td><td class="header">visual
</td><td class="header">audio
</td><td class="header">speech
</td><td class="header">tactile
</td><td class="header">grid
</td><td class="header">bitmap
</td><td class="header">interactive
</td><td class="header">static
</td></tr> <tr>
<td class="header">braille
</td><td>X
</td><td> 
</td><td> 
</td><td> 
</td><td> 
</td><td>X
</td><td>X
</td><td> 
</td><td>X
</td><td>X
</td></tr> <tr>
<td class="header">embossed
</td><td> 
</td><td>X
</td><td> 
</td><td> 
</td><td> 
</td><td>X
</td><td>X
</td><td> 
</td><td> 
</td><td>X
</td></tr> <tr>
<td class="header">handheld
</td><td>X
</td><td>X
</td><td>X
</td><td>X
</td><td>X
</td><td> 
</td><td>X
</td><td>X
</td><td>X
</td><td>X
</td></tr> <tr>
<td class="header">print
</td><td> 
</td><td>X
</td><td>X
</td><td> 
</td><td> 
</td><td> 
</td><td> 
</td><td>X
</td><td> 
</td><td>X
</td></tr> <tr>
<td class="header">projection
</td><td> 
</td><td>X
</td><td>X
</td><td> 
</td><td> 
</td><td> 
</td><td> 
</td><td>X
</td><td>X
</td><td> 
</td></tr> <tr>
<td class="header">screen
</td><td>X
</td><td> 
</td><td>X
</td><td>X
</td><td> 
</td><td> 
</td><td> 
</td><td>X
</td><td>X
</td><td>X
</td></tr> <tr>
<td class="header">speech
</td><td>X
</td><td> 
</td><td> 
</td><td> 
</td><td>X
</td><td> 
</td><td> 
</td><td> 
</td><td>X
</td><td>X
</td></tr> <tr>
<td class="header">tty
</td><td>X
</td><td> 
</td><td>X
</td><td> 
</td><td> 
</td><td> 
</td><td>X
</td><td> 
</td><td>X
</td><td>X
</td></tr> <tr>
<td class="header">tv
</td><td>X
</td><td>X
</td><td>X
</td><td>X
</td><td> 
</td><td> 
</td><td> 
</td><td>X
</td><td>X
</td><td>X
</td></tr>
</tbody></table>
<h3 name="Exemplos"> Exemplos </h3>
<pre>  @media print {
    body { font-size: 10pt }
  }
  @media screen {
    body { font-size: 13px }
  }
  @media screen, print {
    body { line-height: 1.2 }
  }
</pre>
<h3 name="Notas"> Notas </h3>
<p>Um tipo de mídia multimodal é ainda somente um tipo de mídia. O tipo de mídia 'tv', por exemplo, é um tipo de mídia multimodal que renderiza ambos visual e áudio para uma única tela.
</p>
<h3 name="Especifica.C3.A7.C3.B5es"> Especificações </h3>
<ul><li> <a class="external" href="https://www.w3.org/TR/CSS21/media.html#at-media-rule">CSS 2.1</a>
</li></ul>
<p><span class="comment">== Compatibilidade com navegadores ==</span>
</p>
<h3 name="Veja_tamb.C3.A9m"> Veja também </h3>
<p>{{ Cssxref("@media") }},
{{ Cssxref("@import") }},
{{ Cssxref("@font-face") }}
</p><p><span class="comment">Categorias</span>
</p><p><span class="comment">Interwiki Language Links</span>
</p>{{ languages( { "en": "en/CSS/@media", "fr": "fr/CSS/@media", "pl": "pl/CSS/@media" } ) }}