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">