Los medios de CSS
Comentarios: 0Tags: CSS, TUTORIALES
Fecha: 29/11/2007
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:
- Style Switcher con jQuery
- Forzar el salto de página con CSS
- Crear cajas de mensajes con CSS y jQuery
- Sistema de navegación por franjas con CSS
- Crear un style switcher o alternador de estilos
Construyendo un verdadero triple click con jQuery
arturo Romo en 16 acciones de Photoshop para dar profesionalidad a tus imágenes
