CSS - Types de médias

L'une des caractéristiques les plus importantes des feuilles de style est qu'elles spécifient comment un document doit être présenté sur différents supports: à l'écran, sur papier, avec un synthétiseur vocal, avec un appareil braille, etc.

Nous avons actuellement deux façons de spécifier les dépendances multimédias pour les feuilles de style -

  • Spécifiez le support cible à partir d'une feuille de style avec les règles @media ou @import at.

  • Spécifiez le support cible dans la langue du document.

La règle @media

Une règle @media spécifie les types de médias cibles (séparés par des virgules) d'un ensemble de règles.

Ci-dessous un exemple -

<style tyle = "text/css">
   <!--
      @media print {
         body { font-size: 10pt }
      }
	
      @media screen {
         body { font-size: 12pt }
      }
      @media screen, print {
         body { line-height: 1.2 }
      }
   -->
</style>

La langue du document

En HTML 4.0, l' attribut media sur l'élément LINK spécifie le média cible d'une feuille de style externe -

Voici un exemple -

<style tyle = "text/css">
   <!--
      <!doctype html public "-//w3c//dtd html 4.0//en">
      <html>
         <head>
            <title>link to a target medium</title>
            <link rel = "stylesheet" type = "text/css" media = "print, 
               handheld" href = "foo.css">
         </head>

         <body>
            <p>the body...
         </body>
      </html>
   -->
</style>

Types de supports reconnus

Les noms choisis pour les types de médias CSS reflètent les périphériques cibles pour lesquels les propriétés pertinentes ont un sens. Ils donnent une idée de l'appareil auquel le type de média est censé faire référence. Vous trouverez ci-dessous une liste de différents types de médias -

N ° Sr. Valeur et description
1

all

Convient à tous les appareils.
2

aural

Destiné aux synthétiseurs vocaux.
3

braille

Destiné aux dispositifs de retour tactile en braille.
4

embossed

Destiné aux imprimantes braille paginées.
5

handheld

Destiné aux appareils portables (généralement petit écran, monochrome, bande passante limitée).
6

print

Destiné aux documents paginés et opaques et aux documents affichés à l'écran en mode d'aperçu avant impression. Veuillez consulter la section sur les médias paginés.
sept

projection

Conçu pour les présentations projetées, par exemple les projecteurs ou l'impression sur des transparents. Veuillez consulter la section sur les médias paginés.
8

screen

Destiné principalement aux écrans d'ordinateur couleur.
9

tty

Destiné aux médias utilisant une grille de caractères à pas fixe, tels que les télétypes, les terminaux ou les appareils portables avec des capacités d'affichage limitées.
dix

tv

Destiné aux appareils de type télévision.

NOTE - Les noms de type de média ne sont pas sensibles à la casse.