CSS: stampa in tonalità di grigio

I CSS supportano la conversione di un elemento in tonalità di grigio fin dall'introduzione dei filtri proprietari per Internet Explorer. Possiamo sfruttare questa caratteristica per implementare un foglio di stile per la stampa in questa tonalità. Vediamo come.

Il codice CSS è il seguente:

@media print {
  body {
    /* IE4-8 e 9 (deprecato). */
    filter: Gray();
    /* SVG per IE10, Chrome 17, FF3.5, Safari 5.2 e Opera 11.6 */
    filter: url('#grayscale'); 
    /* CSS3, al momento solo per Webkit */
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%); /* implementazione futura */
  }
}