@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

== Compatibilidade com navegadores ==

Consulte também

 

Etiquetas do documento e colaboradores

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