Los medios de CSS

a raíz de un proyecto que tuvo que desarrollar su autor, ha publicado un artículo acerca de los tipos de medio de CSS. Los medios de CSS permiten indicar diferentes reglas para diferentes medios o dispositivos: pantalla, impresora, móviles, proyector, etc. Todos conocemos el media="print", pero hay muchos más. En concreto, ahora mismo, se definen 10 tipos en la especificación CSS 2. Aunque en el futuro es muy probable que el número crezca.

• all (Todos): Apto para todos los dispositivos.
• aural (Fonética): Destinados a los sintetizadores de voz.
• braille (Braille):Destinados a la retroalimentación táctil dispositivos Braille.
• embossed (En relieve):  Una ligera variación de Braille, al parecer,  es para impresoras Braille, y por lo tanto, ofrece paginación.
• handheld (De mano): Para usar en su teléfono móvil u otros dispositivos de mano.
• print (Imprimir): Presentaciones de documentos destinados a la impresión.
• projection (Proyección): documentos destinados a la proyección, por ejemplo, proyectores de transparencias o impresoras de transparencias. Ofrece paginación.
• screen (Pantalla): la más conocida, 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 o tipos 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

@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;

Más información acerca del tema en W3.org

Usuarios que han visto este tema también han visto...

- Cómo solucionar problemas en CSS
- Evita sobrecargar tus archivos CSS
- 70 ideas para crear mejores CSS
- Enlazar hoja de estilos
- Botones con CSS

- Versión imprimible de este documento

- Enviar por e-mail este documento