L'attributo media | Guida CSS

L'attributo=20 media

Nella lezione precedente abbiamo accennato all'attributo=20 media. Grazie ad esso siamo in grado di impostare un = foglio=20 di stile per ogni supporto su cui la nostra pagina verr=E0=20 distribuita. Una possibilit=E0 davvero interessante e che = andr=E0 sempre=20 pi=F9 diffondendosi con l'ampliarsi dei mezzi di diffusione = delle=20 pagine (X)HTML.

Dove prima c'era unicamente un browser, domani potranno = sempre=20 pi=F9 esserci palmari, cellulari e altri dispositivi. Per = non parlare=20 dei software usati da disabili come i browser vocali. = Ciascuno di=20 questi supporti presenta caratteristiche diverse in termini = di=20 memoria, ampiezza dello schermo e funzionalit=E0. Riuscire = ad adattare=20 uno stile unico a tutti =E8 praticamente impossibile, oltre = che=20 controproducente. La soluzione ideale sta quindi nella = creazione di=20 fogli di stile ad hoc.

Sintassi

L'attributo media pu=F2 accompagnare sia = l'elemento=20 <LINK> che l'elemento <STYLE>. = Ecco due=20 esempi di sintassi:

Per sfruttare a fondo questa opzione =E8 fondamentale = conoscere i=20 diversi valori possibili per l'attributo:

all. Il CSS si applica a tutti i dispositivi di = visualizzazione.=20
screen. Valore usato per la resa sui normali = browser=20 web.=20
print. Il CSS viene applicato in fase di stampa = del=20 documento.=20
projection. Usato per presentazioni e = proiezioni a=20 tutto schermo.=20
aural. Da usare per dispositivi come browser a = sintesi=20 vocale.=20
braille. Il CSS viene usato per supporti basati = sull'uso del braille.=20
embossed. Per stampanti braille.=20
handheld. Palmari e simili.=20
tty. Dispositivi a carattere fisso.=20
tv.Web-tv.

Il valore di default =E8 all, usato = automaticamente in=20 mancanza di una dichiarazione esplicita (ricordiamo infatti = che=20 media =E8 un attributo opzionale). E' possibile usare = pi=F9 di un=20 valore, ma i nomi della lista vanno separati da una = virgola:

L'uso pi=F9 tipico di questa funzionalit=E0 consiste nel = collegare al=20 documento vari fogli di stile adatti a ciascun supporto. Lo = user=20 agent che visualizzer=E0 la pagina sar=E0 in grado, se = conforme agli=20 standard, di caricare quello giusto:

Esempi

Un'applicazione immediatamente fruibile, a patto di non = usare=20 browser di quarta generazione, =E8 quella che prevede l'uso = di un=20 foglio di stile per la stampa. Le motivazioni per una simile = soluzione possono essere molteplici. L'uso di caratteri o = colori=20 particolari, la presenza nella pagina di elementi che = vogliamo non=20 far comparire sulla carta, pu=F2 portare alla necessit=E0 di = adottare un=20 CSS speciale. Un primo esempio lo potete valutare seguendo = questo=20 link. Provate a stamparlo. Il testo avr=E0 = caratteristiche diverse=20 rispetto a quello che vedete sullo schermo: font, colore, = dimensioni=20 in punti e non in pixel. Una controprova: stampate questo documento, privo di fogli di = stile=20 speciali. Nessun cambiamento rispetto a quanto vedete sullo=20 schermo.

Per un approfondimento trovate l'articolo "Stampe perfette con i CSS" nella sezione = PRO di=20 HTML.it.

Una risorsa eccellente sull'argomento: Code Style=20 media monitor. Articoli, linee guida, test sull'uso dei = fogli di=20 stile basati sui diversi media.

L=20 e z i o n e s u c c e s s i v=20 = a
[ S o m m a r i = o=20 ] =