CSS: attributo media

Può essere utilizzato sia per l'elemento link sia per style e permette di definire la visualizzzione di diversi stili css a seconda del device che utilizza la pagina html.

  • all: il CSS si applica a tutti i dispositivi di visualizzazione. Ë il valore di default
  • screen: valore usato per la resa sui normali browser web.
  • print: il CSS viene applicato in fase di stampa del documento.
  • projection: usato per presentazioni e proiezioni a tutto schermo.
  • aural: da usare per dispositivi come browser a sintesi vocale.
  • braille: Il CSS viene usato per supporti basati sullíuso del braille.
  • embossed: per stampanti braille.
  • handheld: palmari e simili.
  • tty: Dispositivi a carattere fisso.
  • tv: Web-tv.

Nell' <head> della pagina HTML possiamo inserire il seguente tag:

<link href="print.css" media="print" rel="stylesheet" />

Oppure all'interno del <body>

<style media="screen" type="text/css">regole CSS...</style>

ALL è il valore di default in mancanza di una dichiarazione esplicita.

Possiamo inserire il tag media come attributo dello stesso <link> oppure inserendo tanti <link> quanti sono i file dedicati ai diversi device:

<link rel="stylesheet" media="print, tv, aural" href="print.css">

<link href="screen.css" media="screen" rel="stylesheet" />
<link href="print.css" media="print" rel="stylesheet" />