En este artículo, aprendemos cómo definir el tipo de medio de la etiqueta de estilo en HTML5.
Enfoque: la tarea se puede realizar simplemente usando el atributo de medios del elemento <style> . Se utiliza para especificar el estilo de dispositivos específicos, como medios impresos o voz. Este atributo puede aceptar varios valores.
Sintaxis:
<style media="value">
Código HTML: el código siguiente ilustra el atributo de medios para definir el tipo de medio de la etiqueta de estilo en HTML5. El siguiente código especifica que los estilos son para pantallas y dispositivos de medios impresos.
HTML
<!DOCTYPE html>
<html>
<head>
<style type="text/css" media="screen">
.heading {
color: red;
}
h2 {
color: green;
font-weight: bold;
}
</style>
<style type="text/css" media="print">
.heading {
color: blue;
}
h2 {
color: green;
font-weight: bold;
}
</style>
</head>
<body>
<h1 class="heading">
GeeksforGeeks
</h1>
<h2>
How to define the media type
of the style tag in HTML5?
</h2>
</body>
</html>
Producción:
- Salida de la versión de pantalla:
Versión de pantalla
- Salida de la versión impresa:
Versión impresa
Publicación traducida automáticamente
Artículo escrito por hritikbhatnagar2182 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA