Association avec un média particulier

Avec la version 2 de la spécification CSS, on peut indiquer le média auquel est dédié une feuille de style. Pour l'instant, les médias possibles sont : all, aural, braille, embossed, handheld, print, projection, screen, tty, tv.

La précision du média peut se faire au sein d'une même feuille de style :

          @media print {
            BODY { font-size: 10pt }
          }
          @media screen {
            BODY { font-size: 12pt }
          }
    

ou dans l'en-tête de la page HTML :

          <link rel="stylesheet" type="text/css" href="site.css"  media="screen">
          <link rel="stylesheet" type="text/css" href="print.css" media="print">