propriedades de mídia de estilo HTML
Exemplos
Para dois tipos diferentes de mídia (impressão ea tela) de duas folhas de estilo diferentes:
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
tente »
Suporte a navegadores
Todos os principais navegadores suportam propriedades de mídia.
Definição e Uso
atributo media especifica os recursos atuais para qualquer médio / otimizado.
Esta propriedade é usado principalmente em estilos diferentes predeterminadas para diferentes tipos de mídia CSS estilo.
Dica: Este atributo pode aceitar vários valores.
Diferenças entre HTML 4.01 e HTML5
Nenhum.
gramática
operador possível
| valor | descrição |
|---|---|
| e | Disposições e do operador. |
| não | Disposição não operador. |
| , | Disposição ou operador. |
equipamento
| valor | descrição |
|---|---|
| tudo | Padrão. Adaptar-se a todos os dispositivos. |
| auricular | sintetizador de voz. |
| braille | Blind com dispositivos de realimentação Braille. |
| handheld | dispositivos portáteis (tela pequena, largura de banda limitada). |
| projeção | Projectores. |
| impressão | modo de visualização de impressão / página impressa. |
| tela | tela de computador (valor padrão). |
| tty | Teletipo e meios de comunicação similares usando uma grade de caracteres monospaced. |
| TV | dispositivos do tipo de televisão (baixa resolução, capacidade de rolo de tela limitado). |
valor
| valor | descrição |
|---|---|
| largura | largura de exibição de destino pré-determinado da área. Você pode usar "min-" e "max" prefixos. Exemplos: media = "screen e (min-width: 500px)" |
| altura | Predeterminada altura do alvo da área de exibição. Você pode usar "min-" e "max" prefixos. Exemplos: media = "screen e (max-height: 700px)" |
| dispositivo de largura | Disposições da largura alvo display / papel. Você pode usar "min-" e "max" prefixos. Exemplos: media = "screen e (device-width: 500px)" |
| dispositivo de altura | Disposições da altura do alvo display / papel. Você pode usar "min-" e "max" prefixos. Exemplos: media = "screen e (dispositivo-height: 500px)" |
| orientação | Disposições da direção-alvo display / papel. Valores possíveis: "retrato" ou "paisagem" Exemplos: = media "todos e (orientação: paisagem)" |
| aspecto-ratio | Predeterminada relação largura / altura de apresentação de destino da área Você pode usar "min-" e "max" prefixos. Exemplos: media = "screen e (aspecto-ratio: 16/9)" |
| dispositivo de aspecto-ratio | Disposições da relação de exibição de destino de papel / device-width / dispositivo de altura Você pode usar "min-" e "max" prefixos. Exemplos: media = "screen e (aspecto-ratio: 16/9)" |
| cor | bits de destino especificado display / cor Você pode usar "min-" e "max" prefixos. Exemplos: media = "screen e (cor: 3)" |
| cor-index | Um número predeterminado de exibição de alvo do cor pode manipular. Você pode usar "min-" e "max" prefixos. Exemplos: media = "screen e (min-cor-index: 256)" |
| monocromático | Disposições monocromático frame buffer em bits / pixel. Você pode usar "min-" e "max" prefixos. Exemplos: media = "screen e (monocromática: 2)" |
| resolução | Disposições da densidade de pixels do alvo display / papel (dpi ou dpcm). Você pode usar "min-" e "max" prefixos. Exemplos: media = "print e (resolução: 300dpi)" |
| digitalização | tela da TV de leitura predeterminado. Os valores possíveis: "progressista" e "entrelaçado". Exemplos: = media "tv e (digitalização: interlace)" |
| grade | dispositivo de saída predeterminada é uma grade ou de mapa de bits. Valores possíveis: "1" para a grade, caso contrário, "0." Exemplos: media = "handheld e (grelha: 1)" |
tag HTML <style>