Comment puis-je ajouter des numéros de page aux impressions de mon site Web à l'aide de CSS et HTML ?

Enrichir les impressions avec des numéros de page : une solution CSS/HTML

Le besoin d'incorporer des numéros de page dans les copies imprimées de sites Web est apparu. Pour y parvenir, nous explorons le domaine du CSS et du HTML, en fournissant des conseils sur l'ajout d'en-têtes, de pieds de page et de numéros de page aux sorties imprimées.

Formatage de page CSS avec @page Rule

Pour une compatibilité améliorée avec les navigateurs, l'utilisation de la règle @page offre flexibilité et contrôle sur les éléments de la page imprimée. En enfermant la propriété @bottom-right dans le bloc @page, les utilisateurs peuvent spécifier le contenu qui apparaîtra dans le pied de page de chaque page.

@page {
  @bottom-right {
    content: counter(page) " of " counter(pages);
  }
}

Cette configuration définit le contenu du pied de page comme étant la page actuelle. numéro suivi du nombre total de pages, affiché au format "Page [numéro de page actuel] sur [nombre total de pages]".

Ressources supplémentaires pour Exploration

Pour approfondir le formatage des pages CSS et les pratiques associées, nous recommandons ces références :

• [Module de page CSS3](http://www.w3.org /TR/css3-page/)
• [Ajout de numéros de page à l'aide de @page Propriété](http://www.intelligrape.com/blog/2010/08/20/add-page-number-using-page-property-of-css/)
• [Documentation sur les numéros de page PrinceXML] (http://www.princexml.com/doc/6.0/page-numbers/)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!