Les types de médias - Les cours Css

Qu'est qu'un média?

Définition

Le média va vous permettre de spécifier le support pour lequel est destiné un ensemble de propriétés css.

Par exemple, vous pouvez avoir des propriétés css destinées à l'affichage sur l'écran et d'autres propriétés css destinées à l'impression de la page.

Comment le spécifier?

Vous pouvez spécifier un ou des médias grâce à l'attribut HTML ou XHTML MEDIA :

<link media="print" href="macss.css"/>
<style media="screen,print">
</style>

Vous pouvez spécifier un ou des médias dans la css même grâce à la règle @import ou @media :

@import url("testimport.css");
@media screen, print{} 

Les types de média

Les types

Certaines balises HTML ou XHTML et des règles CSS ont besoin que l'on précise un média :

all, convient pour tous les appareils ;
aural, pour les synthétiseurs de parole (spécification HTML4 et désapprouvé en CSS 2.1 au profit de speech);
braille, pour les appareils braille à retour tactile ;
embossed, pour les appareils à impression braille (spécification CSS 2.1) ;
handheld, pour les appareils portatifs (typiquement ceux avec petits écrans, monochromes et à bande passante limitée) ;
print, destiné à un support paginé opaque et aux documents vus sur écran en mode aperçu avant impression.
projection, pour les présentations en projection, par exemple avec des projecteurs ou des impressions pour des transparents.
screen, pour principalement les moniteurs couleurs ;
tty, pour les médias utilisant une grille de caractères fixe, tels les télétypes, les terminaux ou les appareils portatifs aux capacités d'affichage réduites. Les auteurs ne devraient pas utiliser de valeurs exprimées en pixel avec ce type de média ;
tv, pour les appareils du type télévision (avec ces caractéristiques : basse résolution, couleur, défilement des pages limité, sonorisé).

Les groupes de média

Les groupes

Les types de média font également partie de différents groupes de médias :