Home | | HTML | | CSS | | XHTML |
 
CSS Základné
Úvod
CSS Syntax
CSS Ako na to
CSS Pozadia
CSS Texty
CSS Font
CSS Bordery
CSS Okraje
CSS Margin
CSS Padding
CSS Odrá?ky
CSS Tabu?ky
 
CSS Roz?írené
CSS Dimenzie
CSS Zatrie?ovanie
CSS Umiest?ovanie
CSS Pseudo-triedy
CSS Pseudo-element
CSS Jas obrázku
CSS Typy médií
CSS Zhrnutie
 
CSS Príklady
CSS Príklady
 
Zdroje
CSS2 Zoznam
CSS2 Tla?
CSS2 Po?utelné
CSS Jednotky
CSS Farby
CSS Hodnoty farieb
CSS Názvy farieb
 
CSS Quiz
CSS Quiz
 

CSS Typy médií

obrazok obrazok

Typy médií vám povolujú ur?i?, ako budú dokumenty prezentované v odli?ných médiách. Dokument mô?e by? zobrazený odli?ne na obrazovke, na papriery, vo zvukovom prehliada?i, at?...

Média Typy

Niektoré CSS vlastnosti sú designované len pre ur?ité média. Napríklad "voice-family" vlastnos? je designovaná pre zvukové UA (user agent). Niektoré iné vlastnosti mô?u by? pre iné média typy. Napríklad "font-size" vlastnos? sa mô?e pou?i? pre obe - aj pre obrazovku a tla?iarne, ale mo?no s inými hodnotami. Dokument zvy?ajne potrebuje vä??iu ve?kos? fontu na borazovke, ako na papiery a sans-serif fonty sú ?ah?ie na ?ítanie na obrazovke, zatia? ?o serif fonty sú ?ah?ie ?itate?né na papiery.

@media pravidlo

@media pravidlo povoluje odli?né pravidlá ?týlov v odli?ných médiach v jednom CSSku.

?týl v príkladoch dole vraví prehliada?u, aby zobrazil 14 pixelov Verdana fontu na obrazovke. Ale ak sa stránka tla?í, bude to v 10 pixelovom Times fonte. Pozrite, ?e hrúbka fontu je nastavená na "bold" aj na obrazovke, aj na papiery:

<html>
<head>
<style>
@media screen
{
p.test {font-family:verdana,sans-serif; font-size:14px}
}

@media print
{
p.test {font-family:times,serif; font-size:10px}
}
@media screen,print
{
p.test {font-weight:bold}
}

</style>
</head>
<body>
....
</body>
</html>

Skúste si to sami! Ak pou?ívate Mozilla FIrefox alebo IE 5+ a tla?íte túto stránku, uvidíte, ?e odstavec pod "Media Types" bude zobrazený v inom fonte a bude ma? men?iu ve?kos? fontu, ako ostatný text.

Odli?né Typy Médií

Pozn: Názvy typov médií nie sú case-sensitive. (je jedno, ?i dáte malé/ve?ké písmeno).

Media Type Description
all Pou?ité pre v?etky typy rozhraní médií
aural Pou?ité pre hovorené a zvukové syntetizátory
braille Pou?ité pre slepecké zdroje rozhrania
embossed Pou?ité pre stránkové slepecké tla?iarne
handheld Pou?ité pre malé ru?né rozhrania
print Used for printers
projection Pou?ité pre projektové prezentácie
screen Pou?ité pre obrazovky PC
tty Pou?ité pre média, ktoré pou?ívajp mixed-pitch sie? znakov, ako teletypy a terminály
tv Pou?ité pre rozhrania televízií

obrazok obrazok
© 2008 Nikes