Descripción
El atributo media del elemento style en HTML se utiliza para especificar para qué medios de comunicación se ha diseñado la hoja de estilo CSS. Los valores posibles incluyen “screen”, “print”, “speech”, entre otros, permitiendo una adaptación específica de la presentación del contenido según el medio utilizado.
El uso del atributo media puede mejorar la experiencia del usuario permitiendo una presentación específica del contenido adaptada al tipo de medio que se está utilizando para visualizar la página web.
Sintaxis
<style media="valor">
/* reglas CSS */
</style>
Donde “valor” es uno de los medios de comunicación posibles:
screen, que se utiliza cuando el documento se muestra en pantallas como monitores de computadora, tabletas, teléfonos inteligentes, etc.print, que se utiliza cuando el documento va a ser impreso en papel u otro medio físico.speech, que se utiliza cuando el documento va a ser leído en voz alta por sintetizadores de voz.
Elemento Padre
Ejemplo
<style media="screen">
body {
background-color: lightblue;
}
</style>
En este ejemplo, el fondo del cuerpo de la página web se establece en color azul claro, pero solo cuando se visualiza en una pantalla.
Artículos
Vídeos HTML
Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.