← Tous les exemples

Outlook : message adapté à l'impression

À l'impression, masque barres, liste et en-têtes pour ne garder que le corps du message.

Code à copier

/* When printing, show only the message body and drop all chrome */
@media print {
  div[data-app-section="RightRail"],
  div[data-app-section="AppRail"],
  div[role="tree"],
  div[role="listbox"],
  div[role="banner"] {
    display: none !important;
  }
  div[aria-label="Message body"] {
    max-width: none !important;
  }
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.