10109 Suscriptores al Feed del Blog
59 Suscriptores al Feed de Anotaciones Breves
38 usuarios online
Josep Viciana en Twotiny Icon Set
Los medios de CSS
0 COMENTARIOS
29/11/2007 -
CSS, TUTORIALES
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:
- Crear cajas de mensajes con CSS y jQuery
- Forzar el salto de página con CSS
- Cambiar la clase CSS de un elemento con DOM
- Style Switcher con jQuery
- "Box Model Hack" del guión
- Listas con rollover
- Cambiar propiedades CSS con JQuery
También te puede interesar:
|
|
|
|
|
