@media

Resumo

A @media de CSS at-rule associa um conjunto de declarações integradas, num bloco CSS que é delimitado por parênteses curvos, com a condição definida pela consulta de média. A @media at-rule poderá ser utilizada não só num nível de topo de CSS, como também dentro de qualquer CSS at-rule regras de grupo condicionais.

Sintaxe

@media<tipos de mídia> {
  /* media-specific rules */
}

Tipos de média

todos: Destinado para todos os dispositivos.
impressão: Destinado para material paginado e para documentos visualizados no ecrã no modo de pré-visualizar impressão. Por favor, consulte a secção de média paginada, e a secção de média do tutorial de Como Começar para informação sobre a formatação de problemas que são específicos para a média paginada.
ecrã: Destinado primariamente para os ecrãs de computador a cores.
em relevo: Destinado para impressoras de braille paginadas.
handheld: Pretendido para dispositivoshandheld (tipicamente tela pequena, banda limitada).
impressão: 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.
projeção: 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.
elocução: 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 caracteresfixed-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
em relevo		X				X	X			X
handheld	X	X	X	X	X		X	X	X	X
impressão		X	X					X		X
projeção		X	X					X	X
ecrã	X		X	X				X	X	X
elocução	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 um únic ecrã.

Especificações

CSS 2.1

== Compatibilidade com navegadores ==

Consulte também

Consultas de média
CSSOM CSSMediaRule associado com esta at-rule.