Comment ajouter des en-têtes et des pieds de page à chaque page d'un document HTML imprimé ?

Question

Est-il possible d'imprimer une page HTML d'en-tête et de pied de page personnalisée sur chaque page imprimée ?

Je souhaite ajouter les mots « NON CLASSIFIÉ » en rouge, police Arial, taille 16 pt, en haut et en bas de chaque page imprimée, quel que soit son contenu.

Pour clarifier, si le document est imprimé sur 5 pages, chaque page doit avoir des en-têtes et des pieds de page personnalisés.

Est-ce que quelqu'un sait si cela peut être réalisé en utilisant HTML/CSS ?

Answer 1

Si vous souhaitez définir l'élément que vous souhaitez utiliser comme pied de page sur position:fixed et bottom:0, lorsque la page s'imprimera, l'élément sera répété au bas de chaque page imprimée. Pour l'élément d'en-tête, définissez simplement top:0.

Par exemple :

<div class="divFooter">UNCLASSIFIED</div>

CSS :

@media screen {
  div.divFooter {
    display: none;
  }
}
@media print {
  div.divFooter {
    position: fixed;
    bottom: 0;
  }
}