Puis-je définir des marges d'impression pour les pages HTML à l'aide de CSS ?

Définition des marges lors de l'impression de pages HTML

Lors de l'impression de pages HTML, vous devrez peut-être ajuster les marges gauche et droite pour garantir la conformité de l'impression. aux marges définies par votre imprimante.

Est-il possible de définir des marges d'impression dans un style CSS feuille ?

Oui, vous pouvez définir les marges de page en utilisant des unités en cm ou en mm dans votre feuille de style CSS. Par exemple :

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

L'utilisation de cm ou mm garantit des tailles de marge cohérentes sur le papier, quelle que soit la résolution de l'écran.

Considérations supplémentaires :

• Tailles de police : Utilisez l'unité "pt" pour les tailles de police à l'impression media.
• Ajustements de la marge du navigateur : Les paramètres de marge du navigateur (contrôlés par le navigateur ou le pilote d'impression) peuvent remplacer les marges CSS. Vous pouvez désactiver les options d'impression du navigateur telles que les en-têtes, les pieds de page et les marges à l'aide des directives @page.
• Ajustements d'Internet Explorer : IE7 et versions ultérieures ajustent automatiquement les marges pour s'adapter au contenu. Pour remplacer cela, définissez la taille d'impression sur 100 % dans l'aperçu avant impression.
• Directive @page : Utilisez la directive @page pour définir les marges en dehors de l'élément de corps HTML, affectant la marge du papier lui-même. . Cependant, cette directive peut ne pas fonctionner dans Safari.

Exemple d'utilisation des directives body et @page :

<code class="css">body {
  margin: 0px;  /* Margin for content within the HTML body */
}

@page {
  size: auto;
  margin: 25mm 25mm 25mm 25mm;  /* Margin for paper outside the body */
}</code>

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!