Comment contrôler les marges de page lors de l'impression de documents HTML ?

Contrôler les marges des pages pour l'impression de documents HTML

Lors de l'impression de pages HTML, il est souvent souhaitable de contrôler les marges pour garantir un formatage correct sur le papier. Cependant, définir des marges dans une feuille de style conventionnelle peut ne pas avoir l'effet escompté.

Comment spécifier les marges pour l'impression

Pour spécifier les marges spécifiquement pour la sortie imprimée, il est Il est recommandé d'utiliser des unités telles que les centimètres (cm) ou les millimètres (mm) au lieu des pixels. Les pixels sont traduits différemment par les navigateurs et peuvent ne pas donner des résultats cohérents sur papier. Par souci de cohérence, utilisez le code suivant :

<code class="css">body {
  margin: 25mm 25mm 25mm 25mm;
}</code>

Remarque : Cela n'ajuste pas la zone imprimable de l'imprimante ni les marges contrôlées par le navigateur.

Tailles de police dans l'impression

Pour les tailles de police, utilisez des points (pt) au lieu de pixels dans le support imprimé :

<code class="css">p {
  font-size: 10pt;
}</code>

Contrôle des marges avec la directive @page

Pour un contrôle total sur les marges imprimées, y compris celles en dehors du corps HTML, utilisez la directive @page :

<code class="css">@page {
  margin: 25mm 25mm 25mm 25mm;
}</code>

Cette méthode affecte les paramètres de marge de l'imprimante, mais les utilisateurs peuvent toujours les modifier dans le aperçu avant impression.

Considérations relatives au navigateur

Sachez que certains navigateurs, tels que IE7 et versions ultérieures, ajustent automatiquement la taille de la page pour un ajustement optimal, ce qui peut déformer la sortie d'impression. Pour remplacer cela, les utilisateurs doivent sélectionner « Aperçu avant impression » et définir la taille d'impression sur 100 %.

Ressource associée

Pour plus d'informations sur la désactivation des options d'impression du navigateur, reportez-vous à la réponse suivante : https://stackoverflow.com/questions/3780990/disabling-browser-print-options-headers-footers-margins-from-page

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!