CSS: tipos de medios

Una de las características más importantes de las hojas de estilo es que especifican cómo se presentará un documento en diferentes soportes: en la pantalla, en papel, con un sintetizador de voz, con un dispositivo braille, etc.

Actualmente tenemos dos formas de especificar las dependencias de medios para las hojas de estilo:

Especifique el medio de destino de una hoja de estilo con @media o @import at-rules.
Especifique el medio de destino dentro del idioma del documento.

La regla @media

Una regla @media especifica los tipos de medios de destino (separados por comas) de un conjunto de reglas.

A continuación se muestra un ejemplo:

<style tyle = "text/css">
   <!--
      @media print {
         body { font-size: 10pt }
      }
	
      @media screen {
         body { font-size: 12pt }
      }
      @media screen, print {
         body { line-height: 1.2 }
      }
   -->
</style>

El idioma del documento

En HTML 4.0, el atributo media en el elemento LINK especifica el medio de destino de una hoja de estilo externa -

A continuación se muestra un ejemplo:

<style tyle = "text/css">
   <!--
      <!doctype html public "-//w3c//dtd html 4.0//en">
      <html>
         <head>
            <title>link to a target medium</title>
            <link rel = "stylesheet" type = "text/css" media = "print, 
               handheld" href = "foo.css">
         </head>

         <body>
            <p>the body...
         </body>
      </html>
   -->
</style>

Tipos de medios reconocidos

Los nombres elegidos para los tipos de medios CSS reflejan los dispositivos de destino para los que las propiedades relevantes tienen sentido. Dan una idea de a qué dispositivo se refiere el tipo de medio. A continuación se muestra una lista de varios tipos de medios:

No Señor.	Valor y descripción
1	all Apto para todos los dispositivos.
2	aural Destinado a sintetizadores de voz.
3	braille Diseñado para dispositivos de retroalimentación táctil braille.
4	embossed Destinado a impresoras braille paginado.
5	handheld Destinado a dispositivos portátiles (normalmente pantalla pequeña, monocromo, ancho de banda limitado).
6	print Diseñado para material opaco y paginado y para documentos visualizados en pantalla en modo de vista previa de impresión. Consulte la sección sobre medios paginados.
7	projection Destinado a presentaciones proyectadas, por ejemplo, proyectores o impresión en transparencias. Consulte la sección sobre medios paginados.
8	screen Destinado principalmente a pantallas de computadora en color.
9	tty Destinado a los medios que utilizan una cuadrícula de caracteres de paso fijo, como teletipos, terminales o dispositivos portátiles con capacidades de visualización limitadas.
10	tv Destinado a dispositivos de tipo televisión.

NOTE - Los nombres de los tipos de medios no distinguen entre mayúsculas y minúsculas.

↰ Previous page Next page ↱