01

Imprimer avec CSS

Le langage CSS permet de décrire la présentation d’un document à l’écran mais aussi pour les “médias imprimés”.

Il convient de créer un ou plusieurs fichiers avec l’extension .css et de les associer au document HTML grâce à la balise <link> insérée dans le <head> de la page.
Pour spécifier que ces styles ne s’affècteront qu’uax médias imprimés, il faut indiquer media="print" dans la balise d’inclusion.

<link rel="stylesheet" type="text/css" href="chemin/vers/le/fichier.css" media="print" >

On peut alors éventuellement diviser ses styles en 3 fichiers: une feuille de style pour la mise en forme commune à l’écran et au papier, et une spécifique pour chaque médium :

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

Principes

Support variable

Les différents navigateurs respectent plutôt mal (approximativement, voire pas du tout) les spécifications. Malgré ce support déficient, on peut cependant faire beaucoup en CSS print.

@page

bientôt…

Ressources

Faire une feuille de style CSS print pour l'impression (Alsacréations)
Adapting to the ink | Tips And Tricks For Print Style Sheets (Smashing Magazine)