CSS - Tipi di media

Una delle caratteristiche più importanti dei fogli di stile è che specificano come un documento deve essere presentato su diversi supporti: sullo schermo, su carta, con un sintetizzatore vocale, con un dispositivo braille, ecc.

Attualmente abbiamo due modi per specificare le dipendenze dai media per i fogli di stile:

  • Specificare il supporto di destinazione da un foglio di stile con le regole @media o @import at.

  • Specificare il supporto di destinazione nella lingua del documento.

La regola @media

Una regola @media specifica i tipi di media di destinazione (separati da virgole) di un insieme di regole.

Di seguito è riportato un esempio:

<style tyle = "text/css">
   <!--
      @media print {
         body { font-size: 10pt }
      }
	
      @media screen {
         body { font-size: 12pt }
      }
      @media screen, print {
         body { line-height: 1.2 }
      }
   -->
</style>

Il linguaggio del documento

In HTML 4.0, l' attributo media sull'elemento LINK specifica il supporto di destinazione di un foglio di stile esterno -

Di seguito è riportato un esempio:

<style tyle = "text/css">
   <!--
      <!doctype html public "-//w3c//dtd html 4.0//en">
      <html>
         <head>
            <title>link to a target medium</title>
            <link rel = "stylesheet" type = "text/css" media = "print, 
               handheld" href = "foo.css">
         </head>

         <body>
            <p>the body...
         </body>
      </html>
   -->
</style>

Tipi di media riconosciuti

I nomi scelti per i tipi di media CSS riflettono i dispositivi di destinazione per i quali le proprietà pertinenti hanno senso. Danno un'idea del dispositivo a cui si riferisce il tipo di supporto. Di seguito è riportato un elenco di vari tipi di media:

Sr.No. Valore e descrizione
1

all

Adatto a tutti i dispositivi.
2

aural

Destinato ai sintetizzatori vocali.
3

braille

Destinato a dispositivi di feedback tattile braille.
4

embossed

Destinato alle stampanti braille a pagine.
5

handheld

Destinato a dispositivi palmari (in genere schermo piccolo, monocromatico, larghezza di banda limitata).
6

print

Destinato a materiale impaginato, opaco e per documenti visualizzati sullo schermo in modalità anteprima di stampa. Si prega di consultare la sezione sui media a pagine.
7

projection

Destinato a presentazioni proiettate, ad esempio proiettori o stampa su lucidi. Si prega di consultare la sezione sui media a pagine.
8

screen

Destinato principalmente agli schermi di computer a colori.
9

tty

Destinato ai media che utilizzano una griglia di caratteri a passo fisso, come telescriventi, terminali o dispositivi portatili con capacità di visualizzazione limitate.
10

tv

Destinato a dispositivi di tipo televisivo.

NOTE - I nomi dei tipi di supporto non fanno distinzione tra maiuscole e minuscole.