Pouvez-vous spécifier des marges d'impression dans une feuille de style CSS ?

Personnalisation des marges de page pour l'impression de pages HTML

Lors de l'impression de pages HTML, vous devrez peut-être ajuster les marges de la page pour garantir une impression optimale résultats. Bien que l'utilisation d'une feuille de style distincte pour l'impression soit une pratique courante, une question se pose : pouvez-vous spécifier des marges d'impression au sein de cette feuille de style pour contrôler les marges sur le document imprimé ?

La réponse réside dans l'utilisation d'unités spécifiques lors de la définition des marges. pour l'impression. Pour garantir un dimensionnement cohérent sur le papier, vous devez utiliser des centimètres (cm) ou des millimètres (mm) au lieu de pixels. Par exemple, le code CSS suivant définira des marges de 25 mm de tous les côtés :

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

Cependant, il est crucial de noter que la définition des marges dans le style CSS ne modifie pas les marges du pilote d'imprimante ou celles contrôlées par le navigateur. Il définit uniquement les marges dans la zone imprimable du document.

Internet Explorer 7 et versions ultérieures ajustent automatiquement la taille de la police pour l'adapter à la page, ce qui peut perturber les marges d'impression. Pour remplacer ce comportement, rappelez aux utilisateurs de sélectionner « Aperçu avant impression » et d'ajuster la taille d'impression à 100 %.

Pour un meilleur contrôle sur les marges imprimées, pensez à utiliser la directive @page. Cette directive affecte la marge sur le papier en dehors de l'élément corps HTML, qui est généralement contrôlée par le navigateur. Le code suivant démontre son utilisation :

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

Cette directive fonctionne actuellement dans tous les principaux navigateurs à l'exception de Safari. Dans Internet Explorer, la marge est initialement définie sur cette valeur dans les paramètres d'impression, mais les utilisateurs peuvent la modifier dans l'aperçu.

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!