Latest web development tutorials

propiedades de medios de estilo HTML

etiquetas de estilo HTML Manual de Referencia etiqueta <style> HTML

Ejemplos

Durante dos tipos diferentes de medios de comunicación (prensa y pantalla) de dos hojas de estilos diferentes:

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

Trate »

Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos los navegadores principales propiedades de apoyo a los medios de comunicación.


Definición y Uso

atributo media especifica los recursos actuales para cualquier medio / optimizado.

Esta propiedad se utiliza sobre todo en los estilos predeterminados diferentes para diferentes tipos de medios de estilos CSS.

Consejo: Este atributo puede aceptar varios valores.


Diferencias entre HTML 4.01 y HTML5

Ninguno.


gramática

<= Estilode comunicación "valor">

posible operador

valor descripción
y Disposiciones y el operador.
no Disposición NO operador.
, Provisión operador OR.

equipo

valor descripción
todos Predeterminado. Adaptarse a todos los dispositivos.
auditivo sintetizador de voz.
braille Ciegos con dispositivos de información en braille.
de mano Los dispositivos de mano (pequeña pantalla, ancho de banda limitado).
proyección Proyectores.
impresión Imprimir modo de vista previa / página impresa.
pantalla La pantalla del ordenador (valor por defecto).
TTY Teletipo y medios similares utilizando una cuadrícula de caracteres de espacio fijo.
TV dispositivos de tipo televisión (baja resolución, capacidad de rollo limitado de la pantalla).

valor

valor descripción
ancho

Predeterminada ancho de visualización de destino de la zona.

Puede utilizar "minería" y "max- prefijos".

Ejemplos: media = "pantalla y (min-width: 500px)"

altura

Altura objetivo predeterminado del área de visualización.

Puede utilizar "minería" y "max- prefijos".

Ejemplos: media = "pantalla y (max-height: 700px)"

dispositivo de ancho

Disposiciones de la anchura de la pantalla de destino / papel.

Puede utilizar "minería" y "max- prefijos".

Ejemplos: media = "pantalla y (dispositivo-width: 500px)"

dispositivo de altura

Disposiciones de la altura del objetivo de visualización / papel.

Puede utilizar "minería" y "max- prefijos".

Ejemplos: media = "pantalla y (dispositivo de altura: 500px)"

orientación

Dispuesto en la dirección de destino de visualización / papel.

Valores posibles: "retrato" o "paisaje"

Ejemplos: = media "todos y (orientación: horizontal)"

relación de aspecto

Predeterminada relación de anchura / altura de pantalla de destino de la zona

Puede utilizar "minería" y "max- prefijos".

Ejemplos: media = "pantalla y (relación de aspecto: 16/9)"

dispositivo de relación de aspecto

Disposiciones de la / relación de dispositivo de altura de visualización de destino / del papel del dispositivo de ancho

Puede utilizar "minería" y "max- prefijos".

Ejemplos: media = "pantalla y (relación de aspecto: 16/9)"

color

los bits de destino especificado de visualización / Color

Puede utilizar "minería" y "max- prefijos".

Ejemplos: media = "pantalla y (color: 3)"

el color-índice

Un número predeterminado de visualización de destino color puede manejar.

Puede utilizar "minería" y "max- prefijos".

Ejemplos: media = "pantalla y (min color-index: 256)"

monocromo

Disposiciones monocromo memoria intermedia de trama en bits / píxel.

Puede utilizar "minería" y "max- prefijos".

Ejemplos: media = "pantalla y (monocromo: 2)"

resolución

Disposiciones de la densidad de píxeles de la pantalla de destino / papel (ppp o DPCM).

Puede utilizar "minería" y "max- prefijos".

Ejemplos: media = "print y (resolución: 300dpi)"

tomografía

Predeterminada pantalla de televisión de barrido.

Valores posibles: "progresiva" y "entrelazado".

Ejemplos: = media "(tv y escanear: entrelazado)"

cuadrícula

dispositivo de salida predeterminada es una cuadrícula o de mapa de bits.

Valores posibles: "1" para la red, de lo contrario "0"

Ejemplos: = medios de comunicación "de mano y (rejilla: 1)"



etiquetas de estilo HTML Manual de Referencia etiqueta <style> HTML