CSS per la stampa (@media print)

Le media query print permettono di ottimizzare lo stile per la stampa.

Base

@media print {
  /* Nascondi elementi non necessari */
  nav, footer, .sidebar, .ads {
    display: none !important;
  }
  
  /* Colori per stampa */
  body {
    color: black;
    background: white;
  }
  
  /* Link mostra URL */
  a[href]::after {
    content: " (" attr(href) ")";
  }
}

Interruzioni di pagina

h2 {
  page-break-before: always; /* Nuova pagina prima */
}

.no-break {
  page-break-inside: avoid; /* Non spezzare */
}

Hai trovato utile quest'articolo?

  • Introduzione al CSS

    Il CSS (Cascading Style Sheets) è il linguaggio utilizzato per definire lo stile e la presentazione ...
  • Selettori CSS di base

    I selettori CSS permettono di identificare gli elementi HTML a cui applicare gli stili.Tipi di selet...
  • Proprietà color e background

    Le proprietà color e background sono fondamentali per definire l'aspetto visivo degli elementi.Propr...
  • Margin e Padding

    Margin e Padding controllano lo spazio intorno e dentro gli elementi.Differenza chiaveMargin: spazio...
  • Box Model CSS

    Il Box Model è il concetto fondamentale che descrive come ogni elemento HTML è rappresentato come un...