Podpora različnim medijem

CSS2 omogoča podporo različnim medijem. Medije vključujemo z @media:  

 

Primeri:

 

@import url("loudvoice.css") aural;

@media print { /* stili za print */}

@media print { body { font-size: 10pt }}

@media screen {body { font-size: 12pt }}

@media screen, print {body { line-height: 1.2 } }

 

Če hočemo definirati stil za določen medij lahko to določimo z naslednjimi selektorji:

all    stil se uporablja za vse naprave.

aural   uporablja se pri sintezi govora in pri posebnih zvočnih efektih. Poglejte    specifikacijo aural style sheets, če želite izvedeti podrobnosti.

braille  uporablja se pri bralnih napravah za slepe.

embossed  uporablja se za tiskanje vsebine na tiskalnike za slepe.

handheld  uporablja se za mobilne in manjše naprave (dlančniki, mobilni telefoni, zasloni    občutljivi na dotik...).

print   uporablja se za predogled tiskanja na tiskalniki. Poglejte specifikacijo    pagedmedia, če vas zanimajo podrobnosti.

projection  uporablja se za pripravo projekcij ( predstavitev preko spletnega brskalnika) ali    tiskanje prosojnic. Poglejte specifikacijo paged media, če vas zanimajo    podrobnosti.

screen   uporablja se za izpis vsebine na računalniškem zaslonu.

tty   uporablja se za naprave z omejeno zmožnostjo izpisa (npr. prenosne naprave, alfanumerični terminali...).

tv   uporablja se za zaslone z nizko resolucijo, barvno omjenostjo, zmožnostju uporabe analognega in digitalnega zvoka (npr. televizija, teletekst).