@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.

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.