Sommaire

Les Feuilles de stylefeuilles de style spécifiques

1. Les Feuilles de style:liaisons aux fichiers CSSliaisons aux fichiers CSS

Pour gérer des styles CSS dédiés à l’impression, il convient de les séparer des styles CSS pour l’affichage à l’écran. Pour cela, nous allons utiliser l’attribut media dans l’élément <link>. Il est préférable de concevoir une feuille de style pour l’affichage sur écran et une feuille de style pour l’impression papier.

Voici la syntaxe :

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

Dans ces exemples, avec l’attribut media, nous précisons l’utilisation des feuilles de style :

  • Le fichier styles.css est fait pour l’affichage à l’écran : media="screen".

  • Le fichier impression.css est fait pour l’impression papier : media="print".

Notez que si vous ne spécifiez pas un média, les styles s’appliquent à tous les médias.

2. Les Requête de médiarequêtes de média

Vous pouvez aussi parfaitement utiliser des requêtes de média pour définir des styles CSS dédiés à l’impression. Nous pourrions avoir ainsi plusieurs requêtes, ...