Nell’articolo precedente abbiamo accennato all’attributo media. Ora tentiamo di capire qualcosa di più sul suo utilizzo …

L’attributo media indica il mezzo con il quale noi vogliamo far apparire un fogli di stile css. Indica dunque una compatibilità con il mezzo, una compatibilità che in caso di mezzi diversi va specificata per un corretto funzionamento. Ad esempio non tutti potrebbero usare un browaser normale per la visualizzazione; alcuni potrebbero usare cellulari, altri browser vocali per invalidi, altri ancora stampanti speciali e così via …

Questo attributo può dunque avere i seguenti valori :

• all : è il valore di default. Vuol semplicemente dire “tutti”.
• screen : è il valore usato per i normali browser che anche noi utilizziamo.
• print : è il valore usato per renderlo effettivo nella fase di stampa della pagina.
• projection : è il valore usato per proiezioni a tutto schermo.
• aural : è il valore usato per i browser vocali, utilizzati per le persone con difficoltà motorie.
• braille :  è il valore usato per i supporti in versione braille.
• embossed : è il valore usato per le stampanti braille.
• handheld : è il valore usato per i palmari e cellulari vari …
• tv : è il valore per le compatibilità con le web tv.

Ecco un esempio:

Nell’esempio abbiamo usato il tag style, ma ovviamente vale anche il tag link.

Inoltre, possiamo anche usare più valori per ciascun attributo media. Basta separare con delle virgole i vari valori, e così facendo ne potremo aggiungere quanti ne vogliamo. (Se li aggiungiamo tutti, però, facciamo prima scrivendo all).

Tags: cascading styles sheets, CSS, fogli_di_stile