Générateur de feuille de style d'impression Générer des feuilles de style @media pour l'impression avec des options pour masquer les éléments, styler le texte et contrôler les sauts de page.

La requête @media print applique des styles uniquement lorsque la page est imprimée. Les meilleures pratiques incluent : masquer les éléments non essentiels (nav, pied de page, publicités) avec display: none !important ; forcer la couleur : #000 et l'arrière-plan : #fff pour la lisibilité et l'efficacité de l'encre ; utiliser page-break-after: avoid sur les titres pour les garder avec leur contenu ; page-break-inside: avoid sur les images et les tableaux pour éviter les coupures maladroites ; afficher les URL des liens avec a[href]::after { content: " (" attr(href) ")"; }; et étendre le contenu à la largeur : 100 % en supprimant les contraintes de largeur fixe. La règle @page contrôle les marges de page : @page { margin: 2cm; }. Utilisez la déclaration !important pour remplacer les styles intégrés et les problèmes de spécificité. Les feuilles de style d'impression doivent être testées avec l'aperçu d'impression du navigateur. Pour les sites responsifs, assurez-vous que la feuille de style d'impression remplace tout changement de disposition basé sur les requêtes multimédias. Envisagez d'utiliser page-break-before: always pour les sections qui doivent commencer sur de nouvelles pages.