Règle n° 195 - Des styles dédiés à l’impression sont proposés.
Il est parfaitement possible de prévoir la façon dont le contenu d’une page doit s’imprimer sur papier. Les feuilles de styles pour le média print sont là pour ça.
Objectif
- permettre l’impression des contenus sous une forme appropriée au support.
Solution technique
Fournir une feuille de style spécifique pour le type de média print, par exemple sous la forme : <link rel="stylesheet" type="text/css" href="print.css" média="print" />.
Les styles d’impression peuvent corriger une feuille de style globale (feuille de style pour le média all ou sans mention du média) ou bien s’appliquer seuls pour le média print si la feuille de style d’affichage est appelée en précisant le média print.
Moyen de contrôle
Cette règle peut être évaluée rapidement en testant l’aperçu avant impression dans le navigateur, mais sa confirmation nécessite l’examen du code pour détecter la présence d’un style d’impression pour le média print, qui peut être :
- sous forme d’une balise du type
<link rel="stylesheet" type="text/css" média="print" href="print.css" />, - sous forme d’une balise du type
<style média="print" type="text/css">…</style>, - sous forme d’une règle
@media print {...}dans une CSS interne ou externe, - ou sous forme d’une règle
@import url("print.css") print;dans une CSS interne ou externe.