Medios

Una de las características más importantes de las hojas de estilos CSS es que permiten que las páginas web se adapten fácilmente a los diferentes dispositivos: pantalla, impresora, móviles, televisión, etc.

CSS permite aplicar diferentes estilos a un mismo elemento en función del dispositivo utilizado para acceder a los contenidos. Además, algunas propiedades CSS sólo tienen sentido en determinados dispositivos, como la paginación y los saltos de página para los medios impresos o el volumen y tipo de voz para los medios de audio.

Cada uno de los dispositivos se llaman "medios" en CSS y la siguiente tabla recoge todos los medios que define CSS:

Medio Descripción
all Todos los medios definidos
braille Dispositivos táctiles que emplean el sistema braille
embosed Impresoras braille
handheld Dispositivos de mano como móviles y PDA
print Impresoras y navegadores en el modo "Vista Previa para Imprimir"
projection Proyectores y dispositivos para presentaciones
screen Pantallas de ordenador
speech Sintetizadores para navegadores de voz utilizados por personas discapacitadas
tty Dispositivos textuales limitados como teletipos y terminales de texto
tv Televisores y dispositivos con resolución baja

Los medios más utilizados actualmente son screen (para definir el aspecto de la página en pantalla) y print (para definir el aspecto de la página cuando se imprime), seguidos de handheld (que define el aspecto de la página cuando se visualiza mediante un dispositivo móvil).

Además, CSS clasifica a los medios en diferentes grupos según sus características. La siguiente tabla resume todos los grupos definidos en el estándar:

Medio Continuo / Paginado Visual / Auditivo / Táctil / Vocal Mapa de bits / Caracteres Interactivo / Estático
braille continuo táctil caracteres ambos
embossed paginado táctil caracteres estático
handheld ambos visual, auditivo, vocal ambos ambos
print paginado visual mapa de bits estático
projection paginado visual mapa de bits interactivo
screen continuo visual, auditivo mapa de bits ambos
speech continuo vocal (no tiene sentido) ambos
tty continuo visual caracteres ambos
tv ambos visual, auditivo mapa de bits ambos

En primer lugar, el flujo de contenidos puede ser continuo (como por ejemplo en una pantalla) o puede estar dividido en páginas (como por ejemplo en una impresora). Además, la forma de acceder a la información puede ser visual, auditiva, táctil y/o vocal. Los medios pueden mostrar la información en un mapa de bits (por ejemplo una pantalla) o mediante una serie de caracteres (por ejemplo en una impresora braille). Por último, algunos medios permiten la interacción con los usuarios y otros medios no lo permiten y se consideran estáticos.

Extrayendo solamente la información relativa a la forma de acceso a los contenidos, la tabla anterior se puede reordenar de la siguiente manera:

Grupo Medios que incluye
visual handheld, print, projection, screen, tty, tv
auditivo handheld, screen, tv
vocal handheld, speech
táctil braille, embossed