← Tutti gli esempi

CSS Sviluppatori e QA outlook.com

Outlook: messaggio adatto alla stampa

In stampa nasconde barre, elenco e intestazioni, lasciando solo il corpo del messaggio.

Codice da copiare

/* 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;
  }
}

Come usare questo esempio

  1. Copia il codice con il pulsante qui sopra.
  2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
  3. Aggiungi una nuova regola corrispondente a quella pagina.
  4. Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.

Valuta questo esempio

Nessuna valutazione — sii il primo.

Questo esempio funziona?

Gli snippet sono inutili senza un posto dove incollarli.

JustZix si installa in 2 minuti ed esegue il tuo codice su ogni pagina corrispondente. Senza account, senza pagamento.

Scarica gratis Guarda i casi d'uso