Css pour différent média

 



Vous pouvez créer des feuilles CSS alternatives pour différent média tel que votre imprimante, un projecteur, un média tactile comme les tablettes braille, l'impression braille, un média auditif, tels les lecteurs d'écrans.

Vous n'avez simplement qu'à reformater votre contenu et le tour est joué.  Vous ajoutez ensuite une ligne dans votre "head" et le média va reconnaître la bonne feuille de style à utiliser.

La plus utilisée est la feuille pour l'impression.  La ligne de commande est :

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

Print.css est le nom que j'utilise.  Vous pouvez utiliser le nom que vous voulez, mais soyons logiques.  Il est plus facile de retrouver le bon fichier quand les noms veulent dire quelque chose.

Un exemple :

Sans la feuille pour imprimante:

sans feuille imprimante

Avec la feuille pour imprimante :

avec feuille css pour imprimante

La feuille de style print.css vous permet d'imprimer seulement l'information pertinente de la page.  Les publicités et arrières plans sont omis.

Css pour différent type de média