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

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

• CSS 2.1

Veja também

@media , @import , @font-face