Verkkojulkaisemisen oppimateriaaleja

CSS:n mediatyypit

CSS mahdollistaa erilaisten tyylimääritysten tekemisen eri mediatyypeille, kuten tietokoneen näyttö, paperituloste, projektori, pistekirjoitus tai puhe. Selaimet eivät välttämättä vielä tunnista kaikkia mediatyyppejä, eivätkä kaikki mediatyypit ole edes suunnattu selaimille. Esimerkiksi puheen tapauksessa CSS:lla voidaan ohjeistaa sivut ääneen lukevan puhesyntetisaatorin äänekorkeutta, sävyjä, taukojen pituutta, jne.

Tällä hetkellä mediamäärityksen suurin hyöty on mahdollisuus määrittää sivujen paperitulosteelle näytöllä esitettävästä versiosta poikkeava tulostustyyli. Aiemmin tulostusta varten tehtiin usien kokonaan erilliset sivut. Nykyisin tämä ei ole enää taroeen, sillä käytännössä kaikki nykyiset selaimet tukevat erillistä määritystä printtimedialle.

Tulostusversiossa voi esimerkiksi poistaa näkyvistä erilaiset navigaatiopalkit, ja säätää värit valmiiksi mustavalkoisisksi. Linkkien osoitteet voi myös tehdä näkyviksi, toisn tämä määritys ei toimi IE:ssa.

Erillisten tyylien määrittely

Ulkoisen CSS-tyylin määrittelevässä elementissä määritellään aina myös käytettävä media. Tyyliin viitatessa voidaan siis erikseen määritellä, mitä mediaa se koskee:

<link rel="Stylesheet" type="text/css"
  media="screen, projection" href="tyyli.css" />
<link rel="Stylesheet" type="text/css"
  media="print" href="printtityyli.css" />

Lisätietoja

• CSS2 Media types
  Mediatyypit CSS2:n spesifikaatioissa
• CSS Design: Going to Print
  Eric Meyerin tutoriaali erillisen prinntityylin tekemiseen (ALA)