Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

@media

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).
print
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
print   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

@media, @import, @font-face

Categorias

Interwiki Language Links

Etiquetas do documento e colaboradores

Etiquetas: 
 Colaboradores para esta página: teoli, Verruckt, Luis Henrique Sousa
 Última atualização por: teoli,