11082 Suscriptores al Feed del Blog
89 Suscriptores al Feed de Anotaciones Breves
26 usuarios online
diseño web valencia en 500 iconos gratuitos para tus aplicaciones web
Los medios de CSS
0 COMENTARIOS - Publicado hace 28 meses - Clasificado en: CSS, TUTORIALESKilianValkhof.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:
- Sistema de navegación por franjas con CSS
- Style Switcher con jQuery
- Efecto
- Crear cajas de mensajes con CSS y jQuery
- Añadir notas en imágenes con CSS
- Cambiar la clase CSS de un elemento con DOM
- Crear un style switcher o alternador de estilos
También te puede interesar:
|
|
|
|
|
