Tipos de Mídia CSS2
Os Tipos de Mídia permitem-lhe especificar como os documentos serão apresentados em diferentes tipos de mídia. O documento pode ser exibido diferentemente na tela, no papel, num navegador auricular, etc.
Tipos de Mídia
Algumas propriedades CSS são somente projetadas para uma certa mídia. Por exemplo a propriedade "voice-family" é projetada para agentes usuários auriculares (aural user agents). Algumas outras propriedades podem ser usadas por diferentes tipos de mídia. Por exemplo, a propriedade "font-size" pode ser usada tanto pela mídia de tela quanto pela mídia de impressão, mas talvez com valores diferentes. Um documento geralmente necessita um tamanho de fonte (font-size) maior em uma tela do que no papel, e fontes sem serifa são mais fáceis de ler na tela, enquanto que fontes com serifa são mais fáceis de ler no papel.
A Regra @media
A regra @media permite diferentes regras de estilo para diferentes mídias na mesma folha de estilo.
O estilo no exemplo abaixo diz ao navegador para exibir uma fonte Verdana com 14 pixels na tela. Mas se a página for impressa, ela será com fonte Times com 10 pixels. Observe que a espessura da fonte (font-weight) está especificada como negrito (bold), tanto na tela quanto no papel:
<html>
<head>
<style>
@media screen
{
p.test {font-family:verdana,sans-serif; font-size:14px}
}
@media print
{
p.test {font-family:times,serif; font-size:10px}
}@media screen,print
{
p.test {font-weight:bold}
}
</style>
</head><body> .... </body>
</html> |
Veja por si próprio! Se você usa o IE 5.0 (ou superior) e imprimir esta página, você verá que o parágrafo sobre "Media Types" será exibido em outra fonte, e terá um tamanho de fonte menor do que o resto do texto.
Diferentes Tipos de Mídia
Observação: Os nomes de tipos de mídia não são sensíveis à caixa (maiúsculas e minúsculas).
| Tipo de Mídia |
Descrição |
NN |
IE |
| all |
Usado para todos os dispositivos de tipos de mídia |
|
4.0 |
| aural |
Usado para sintetizadores de fala e som |
|
|
| braille |
Usado para aparelhos de retro-alimentação (feedback) tátil Braille |
|
|
| embossed |
Usado para impressoras de páginas em Braille |
|
|
| handheld |
Usado para aparelhos pequenos ou portáteis (handheld) |
|
|
| print |
Usado para impressoras |
|
4.0 |
| projection |
Usado para apresentações projetadas, como slides |
|
|
| screen |
Usado para telas de computador |
|
4.0 |
| tty |
Usado para mídia que usa uma grade de caracteres de pontos fixa (fixed-pitch character grid), tipo teletipos e terminais |
|
|
| tv |
Usado para aparelhos do tipo televisão |
|
|
|
HOME
