Medijski tipi so namenjeni za prikaz vsebine na različnih medijih. V CSS s pravilom @media
oznanimo, da bomo našteli lastnosti, ki se uporabijo samo za določen medij.
Vrednost | Pomen |
---|---|
all |
za vse naprave |
braille |
za braillove naprave |
embossed |
za braillove tiskalnike |
handheld |
za mobilne naprave |
print |
za izpis na tiskalnik |
projection |
za projeciranje na platno |
screen |
za računalniški zaslon |
speech |
za sintetizajnerje govora |
tty |
za telefakse in teleprinterje |
tv |
za tv sprejemnike |
Primer uporabe pravila @media
:
...
<style>
@media screen {
p.primer {
font-family: Verdana,sans-serif;
font-size: 1.1em;
}
}
@media print {
p.primer {
font-family: "Times New Roman",serif;
font-size: 0.9em;
}
}
@media screen,print {
p.primer { font-weight: bold }
}
</style>
...
Pojasnilo:
V primeru je z oblikovnim slogom določeno, da stran, ki jo gledamo preko brskalnika, vidimo v pisavi Verdana in velikosti 1.1em, če pa dokument tiskamo, se tiska s pisavo Times New Roman v velikosti 0.9em. V obeh primerih bo besedilo krepko.