Los medios de CSS

Comentarios 0 COMENTARIOS
Tags 29/11/2007 -  Tags ,

KilianValkhof.com, 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

Algunas entradas relacionadas:

También te puede interesar:

Haz un comentario

¡Gracias por dejar tu opinión! Por favor procura que tu comentarios sean apropiados respecto al tema tratado en la entrada; que no sean spam, u ofensivos, de otro modo, serán eliminados. Todos los comentarios serán moderados antes de su publicación por lo que su aparición en la web puede verse aplazada un cierto tiempo. Si deseas realizar algún comentario, crítica o sugerencia sobre la propia web puedes hacer a través de la siguiente dirección de correo: webintenta@webintenta.com