{{template.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
{{template.Cssxref("@import")}}, {{template.Cssxref("@font-face")}}
Categorias
Interwiki Language Links
{{ wiki.languages( { "en": "en/CSS/@media", "fr": "fr/CSS/@media", "pl": "pl/CSS/@media" } ) }}