Types de media CSS 2

Jenny's picture
Submitted by Jenny on Sun, 12/22/2013 - 13:06

voir http://www.w3.org/TR/CSS2/media.html.

all, braille et embossed (printer braille), handheld (petit écran, faible bande passante), print page et doc en preview print à l'écran,  projection pour rétropro..., screen pour écran couleur pc,  speech voix syntétique (voir aussi aural de CSS2), tty si grille de caractère fixe (comme terminaux - ne pas utiliser px dans ce cas) et  tv low resolution, color, limited-scrollability screens, sound available

Le type de média est sensible à la casse.
2 facons de les spécifier:

Spécification des styles CSS 2.1 par media

soit via css avec une règle @media ou @import

 soit dans le doc (ex v4)

@import url("fancyfonts.css") screen;


@media print {
  /* style sheet for print goes here */
}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<HTML>
   <HEAD>
      <TITLE>Link to a target medium</TITLE>
      <LINK REL="stylesheet" TYPE="text/css"
  MEDIA="print, handheld" HREF="foo.css">
   </HEAD>
   <BODY>
   </BODY>
</HTML>

@media

Dans une feuille de style, ex:
@media print {
    body { font-size: 10pt }
  }
  @media screen {
    body { font-size: 13px }
  }
  @media screen, print {
    body { line-height: 1.2 }
  }

tout style hors d'une règle @media s'applique à tous les medias. une règle @ dans une @media est invalide dans CSS 2.1