{{ CSSRef() }}
Resumo
@media
especifica o alvo de tipos de mídia (separado por vírgulas) de uma configuração de regras (delimitadas por chaves, {}).
Sintaxe
@media <tipos de mídia> { /* media-specific rules */ }
Tipos de mídia
- all
- Apropriado para todos os dispositivos.
- braille
- Pretendido para realimentação de dispositivos táteis para braille.
- embossed
- Pretendido para impressoras braille paginadas.
- handheld
- Pretendido para dispositivos handheld (tipicamente tela pequena, banda limitada).
- 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.
- projection
- 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.
- screen
- Pretendido primariamente para computadores de tela colorida.
- speech
- 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.
- tty
- Pretendido para mídia usando uma grade de caracteres fixed-pitch (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".
- tv
- Pretendido para dispositivos tipo televisão (baixa resolução, cor, telas com rolagem limitada, som disponível).
Grupos de mídia
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.
Grupos | ||||||||||
Tipos | continuous | paged | visual | audio | speech | tactile | grid | bitmap | interactive | static |
braille | X | X | X | X | X | |||||
embossed | X | X | X | X | ||||||
handheld | X | X | X | X | X | X | X | X | X | |
X | X | X | X | |||||||
projection | X | X | X | X | ||||||
screen | X | X | X | X | X | X | ||||
speech | X | X | X | X | ||||||
tty | X | X | X | X | X | |||||
tv | X | X | X | X | X | X | X |
Exemplos
@media print { body { font-size: 10pt } } @media screen { body { font-size: 13px } } @media screen, print { body { line-height: 1.2 } }
Notas
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.
Especificações
== Compatibilidade com navegadores ==
Veja também
{{ Cssxref("@media") }}, {{ Cssxref("@import") }}, {{ Cssxref("@font-face") }}
Categorias
Interwiki Language Links
{{ languages({
"en": "en/CSS/@media",
"fr": "fr/CSS/@media",
"ja": "ja/CSS/@media",
"pl": "pl/CSS/@media"
}) }}