Manual de referencia HTML

大全 de etiquetas HTML

Propiedad media style de HTML

La propiedad media especifica qué tipo de medios tiene la hoja de estilo CSS./Dispositivos optimizados, esta propiedad se utiliza para especificar estilos para dispositivos especiales (por ejemplo, iPhone), medios de voz o impresión.

　HTML <style> etiqueta

Ejemplo en línea

Estilos especificados para impresión:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Uso de la propiedad media de fuente HTML-Tutoriales básicos(oldtoolbag.com)</title>
<style media="print">
h1　{color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style>
</head>
<body>
<h1>oldtoolbag.com　Ejemplo</h1>
<p>Si imprime esta página o la abre en el modo de vista previa de impresión, verá que se utiliza la hoja de estilo media="print" para la configuración de estilos. La hoja de estilo "print" contiene texto negro sobre fondo blanco.</p>
</body>
</html>

prueba aquí ‹/›

Compatibilidad con navegadores

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten la propiedad media.

Definición y uso

La propiedad media especifica qué tipo de medios tiene la hoja de estilo CSS./dispositivos optimizados.
Esta propiedad se utiliza para especificar estilos para dispositivos especiales (por ejemplo, iPhone), voz o medios impresos.
consejo: esta propiedad puede aceptar múltiples valores.

HTML 4.01 con HTML5las diferencias

ninguno.

sintaxis

<style media="valor">

operadores posibles

valor	descripción
and	operador AND especificado.
not	operador NOT especificado.
,	operador OR especificado.

dispositivo

valor	descripción
all	predeterminado. Adecuado para todos los dispositivos.
aural	sintetizador de voz.
braille	dispositivos de retroalimentación en braille para ciegos.
handheld	dispositivos portátiles (pantalla pequeña, ancho de banda limitado).
projection	proyector.
print	modo de vista previa de impresión / página impresa.
screen	pantalla de computadora (valor predeterminado).
tty	máquina telegráfica y otros medios que utilizan una cuadrícula de caracteres de ancho fijo.
tv	dispositivos de tipo televisión (baja resolución, capacidad de desplazamiento de pantalla limitada).

valor

valor	descripción
ancho	ancho de la región objetivo de la pantalla Se puede usar "min-" y "max-" es el prefijo. Ejemplo: media="screen and (min-ancho:500px)"
altura	altura de la región objetivo de la pantalla Se puede usar "min-" y "max-" es el prefijo. Ejemplo: media="screen and (max-altura:700px)"
device-ancho	Especificar el monitor objetivo/ancho del papel. Se puede usar "min-" y "max-" es el prefijo. Ejemplo: media="screen and (device-ancho:500px)"
device-altura	Especificar el monitor objetivo/altura del papel. Se puede usar "min-" y "max-" es el prefijo. Ejemplo: media="screen and (device-altura:500px)"
orientation	Especificar el monitor objetivo/dirección del papel. Valores posibles: "portrait" o "landscape" Ejemplo: media="all and (orientation: landscape)"
aspect-ratio	ancho de la región objetivo de la pantalla/proporción de altura Se puede usar "min-" y "max-" es el prefijo. Ejemplo: media="screen and (aspect-ratio:16/9)"
device-aspect-ratio	Especificar el monitor objetivo/device de papel-ancho/device-ratio de altura Se puede usar "min-" y "max-" es el prefijo. Ejemplo: media="screen and (aspect-ratio:16/9)"
color	bits para la pantalla objetivo/color Se puede usar "min-" y "max-" es el prefijo. Ejemplo: media="screen and (color:3)"
color-índice	Especificar el número de colores que puede manejar el monitor objetivo. Se puede usar "min-" y "max-" es el prefijo. Ejemplo: media="screen and (min-color-índice:256)"
monocromático	Especificar los bits en el búfer de píxeles monocromático./píxel. Se puede usar "min-" y "max-" es el prefijo. Ejemplo: media="screen and (monochrome:2)"
resolución	Especificar el monitor objetivo/densidad de píxeles del papel (dpi o dpcm). Se puede usar "min-" y "max-" es el prefijo. Ejemplo: media="print and (resolution:300dpi)"
escaneo	Especificar el modo de escaneo del monitor tv. Valores posibles: "progressive" y "interlace". Ejemplo: media="tv and (scan:interlace)"
rejilla	Especificar si el dispositivo de salida es una rejilla o un mapa de bits. Valores posibles:"1" es para la rejilla, de lo contrario es "0". Ejemplo: media="handheld and (grid:1)"

　HTML <style> etiqueta

HTML: <template> etiqueta