Existen 10 tipos de medios (interfaces) en CSS 2.
- all (todos): todos los dispositivos
- aural (fonética): sintetizadores de voz
- braille (braille): destinados a la retroalimentación táctil dispositivos Braille
- embossed (en relieve): variación de Braille, al parecer, es para impresoras Braille, y por lo tanto, ofrece paginación
- handheld (de mano): para usar en un teléfono móvil u otros dispositivos de mano como PDA´S
- print (imprimir): presentaciones de documentos destinados a la impresión
- projection (proyección): documentos destinados a la proyección, por ejemplo, proyectores de transparencias, impresoras de transparencias, cañones. Ofrece paginación
- screen (pantalla): la que siempre usamos cuando trabajamos para las pantallas de ordenador
- TTY: Destinados a los medios de comunicación a través de una instalación de visualización tipo parrilla, como teletipos, terminales, o dispositivos portátiles con capacidades limitadas de pantalla
- TV: Destinado a dispositivos tipo televisión
El tipo de medio al que va dirigida una hoja de estilo puede especificarse en el atributo media en los elementos link o style (separados por comas en el caso de ser más de uno):
<link href="pantalla.css" media="screen" type="text/css" rel="StyleSheet" />
<style media="screen,print" type="text/css"></style> También definidos con las reglas de tipo @media, como si fuera un estilo más
@media print {
h2 { page-break-after:avoid; }
}o definidos con las reglas de tipo @import
@import url("estilos_basicos.css") screen;
@import url("estilos_impresora.css") print; Vía Intenta
