Comment définir les marges pour l'impression d'une page HTML ?

Comment définir les marges lors de l'impression d'une page HTML

Lorsque vous utilisez une feuille de style distincte pour l'impression, il est crucial d'ajuster les marges pour présentation optimale sur papier. Cependant, il n'est pas toujours clair comment définir correctement les marges dans la feuille de style. Pour garantir des marges cohérentes, il est essentiel d'utiliser des unités absolues telles que les centimètres (cm) ou les millimètres (mm) lors de la spécification de l'impression.

Par exemple, pour définir une marge de 25 mm sur tous les côtés du document :

body {
  margin: 25mm 25mm 25mm 25mm;
}

Notez que l'utilisation de pixels pour les marges peut entraîner des incohérences puisque les navigateurs les traduisent en valeurs basées sur l'écran.

Pour les tailles de police, utilisez des points (pt) dans le support imprimé.

Il est important de noter que la définition des marges sur l'élément body dans le style CSS n'affecte pas les marges contrôlées par le pilote d'imprimante ou le navigateur. Il ajuste la marge du document dans la zone imprimable.

Pour un contrôle complet sur les marges imprimées, utilisez la directive @page pour définir la marge du papier. Cela affecte la marge en dehors de l'élément de corps HTML et est généralement contrôlé par le navigateur.

Voici un exemple utilisant la directive @page :

@page {
    size: auto;
    margin: 25mm 25mm 25mm 25mm;
}

body {
    margin: 0px;
}

Cette technique fonctionne dans tous les principaux navigateurs sauf Safari. . Dans Internet Explorer, les utilisateurs peuvent ajuster les marges dans les paramètres d'aperçu avant impression.

De plus, notez qu'IE7 ajuste automatiquement la taille d'impression pour l'adapter à la page, ce qui peut perturber les marges configurées. Les utilisateurs doivent définir la taille d'impression sur 100 % dans l'aperçu avant impression pour remplacer ce comportement.

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!