CSS - Tipos de mídia

Um dos recursos mais importantes das folhas de estilo é que elas especificam como um documento deve ser apresentado em diferentes mídias: na tela, no papel, com um sintetizador de voz, com um dispositivo braille, etc.

Atualmente, temos duas maneiras de especificar dependências de mídia para folhas de estilo -

Especifique a mídia de destino de uma folha de estilo com as regras @media ou @import at-rules.
Especifique a mídia de destino no idioma do documento.

A regra @media

Uma regra @media especifica os tipos de mídia de destino (separados por vírgulas) de um conjunto de regras.

A seguir está um exemplo -

<style tyle = "text/css">
   <!--
      @media print {
         body { font-size: 10pt }
      }
	
      @media screen {
         body { font-size: 12pt }
      }
      @media screen, print {
         body { line-height: 1.2 }
      }
   -->
</style>

A linguagem do documento

No HTML 4.0, o atributo de mídia no elemento LINK especifica a mídia de destino de uma folha de estilo externa -

A seguir está um exemplo -

<style tyle = "text/css">
   <!--
      <!doctype html public "-//w3c//dtd html 4.0//en">
      <html>
         <head>
            <title>link to a target medium</title>
            <link rel = "stylesheet" type = "text/css" media = "print, 
               handheld" href = "foo.css">
         </head>

         <body>
            <p>the body...
         </body>
      </html>
   -->
</style>

Tipos de mídia reconhecidos

Os nomes escolhidos para os tipos de mídia CSS refletem os dispositivos alvo para os quais as propriedades relevantes fazem sentido. Eles dão uma ideia de qual dispositivo o tipo de mídia deve se referir. Abaixo está uma lista de vários tipos de mídia -

Sr. Não.	Valor e descrição
1	all Adequado para todos os dispositivos.
2	aural Destinado a sintetizadores de voz.
3	braille Destinado a dispositivos de feedback tátil em braille.
4	embossed Destinado a impressoras braille pagináveis.
5	handheld Destinado a dispositivos portáteis (normalmente tela pequena, monocromática, largura de banda limitada).
6	print Destina-se a materiais opacos e paginados e a documentos exibidos na tela no modo de visualização de impressão. Consulte a seção sobre mídia paginada.
7	projection Destinado a apresentações projetadas, por exemplo, projetores ou impressão em transparências. Consulte a seção sobre mídia paginada.
8	screen Destinado principalmente a telas de computador coloridas.
9	tty Destinado a mídia que usa uma grade de caracteres de pitch fixo, como teletipos, terminais ou dispositivos portáteis com recursos de exibição limitados.
10	tv Destinado a dispositivos do tipo televisão.

NOTE - Os nomes dos tipos de mídia não diferenciam maiúsculas de minúsculas.

↰ Previous page Next page ↱