tutoriais mais recente desenvolvimento web
 

HTML <style> media Attribute

<HTML <style> tag

Exemplo

Especificar o estilo a ser usado para impressão:

<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}

</style>
Tente você mesmo "

Definição e Uso

A media atributo especifica o que a mídia / dispositivo de estilo CSS é otimizado para.

Este atributo é usado para especificar que o estilo é para dispositivos especiais (como o iPhone), discurso ou mídia impressa.

Dica: Este atributo pode aceitar vários valores.


Suporte a navegadores

Atributo
media sim sim sim sim sim

Diferenças entre HTML 4.01 e HTML5

NENHUM.


Sintaxe

<style media="value">

possíveis Operators

Valor Descrição
and Especifica um operador AND
not Especifica um operador NOT
, Especifica um operador OR

Devices

Valor Descrição
all Padrão. Apropriado para todos os dispositivos
aural sintetizadores de voz
braille dispositivos de realimentação Braille
handheld dispositivos portáteis (tela pequena, largura de banda limitada)
projection projetores
print / páginas impressas modo de visualização de impressão
screen telas de computador
tty Teletypes e meios de comunicação similares usando uma grade de caracteres de passo fixo
tv dispositivos do tipo televisão (baixa resolução, capacidade de deslocamento limitado)

valores

Valor Descrição
largura Especifica a largura da área de exibição de alvo.
"min-" e "max-" prefixos pode ser usado.
Exemplo: media="screen and (min-width:500px)"
altura Especifica a altura da área de exposição alvo.
"min-" e "max-" prefixos pode ser usado.
Exemplo: media="screen and (max-height:700px)"
dispositivo de largura Especifica a largura do alvo de exibição / papel.
"min-" e "max-" prefixos pode ser usado.
Exemplo: media="screen and (device-width:500px)"
dispositivo de altura Especifica a altura do alvo display / papel.
"min-" e "max-" prefixos pode ser usado.
Exemplo: media="screen and (device-height:500px)"
orientação Especifica a orientação do alvo visor / papel.
Valores possíveis: "portrait" ou "landscape"
Exemplo: media="all and (orientation: landscape)"
proporção da tela Especifica a relação largura / altura da área de exibição de alvo.
"min-" e "max-" prefixos pode ser usado.
Exemplo: media="screen and (aspect-ratio:16/9)"
dispositivo de aspecto-ratio Especifica a taxa de device-width / dispositivo de altura do alvo display / papel.
"min-" e "max-" prefixos pode ser usado.
Exemplo: media="screen and (aspect-ratio:16/9)"
cor Especifica os bits por cor de exibição de destino.
"min-" e "max-" prefixos pode ser usado.
Exemplo: media="screen and (color:3)"
cor-index Especifica o número de cores a exibição de destino pode manipular.
"min-" e "max-" prefixos pode ser usado.
Exemplo: media="screen and (min-color-index:256)"
monocromático Especifica os bits por pixel em um frame buffer monocromática.
"min-" e "max-" prefixos pode ser usado.
Exemplo: media="screen and (monochrome:2)"
resolução Especifica a densidade de pixels (dpi ou dpcm) do alvo display / papel.
"min-" e "max-" prefixos pode ser usado.
Exemplo: media="print and (resolution:300dpi)"
digitalização Especifica o método de verificação de uma tela de TV.
Os valores possíveis são "progressista" e "entrelaçado".
Exemplo: media="tv and (scan:interlace)"
grade Especifica se o dispositivo de saída é grade ou bitmap.
Os valores possíveis são "1" para grid, e "0" caso contrário.
Exemplo: media="handheld and (grid:1)"

<HTML <style> tag