Tabulka si klade za cφl v jednom °ßdku ukazovat deklarace, kterΘ zobrazφ na pohled stejn∞ velkΘ pφsmo. Li╣φ se to podle prohlφ╛eΦe. V tabulkßch jsou zadßny ostrΘ k≤dy, dß se na nich testovat.
| <font size=""> | font-size: slovo | font-size: pixely | tagy, nadpisy |
|---|---|---|---|
| size=1 | font-size: xx-small | font-size: 10px |
h6 |
| size=2 | font-size: x-small | font-size: 13px |
h5 |
| size=3 | font-size: small | font-size: 16px | b∞╛n² text, h4 |
| size=4 | font-size: medium | font-size: 18px |
h3 |
| size=5 | font-size: large | font-size: 24px |
h2 |
| size=6 | x-large | font-size: 30px |
h1 |
| zv∞t╣ovacφ | zv∞t╣ovacφ | nelze v Exploreru zv∞t╣ovat | zv∞t╣ovacφ |
Velikosti odpovφdajφ, pokud je velikost pφsma v prohlφ╛eΦi nastavena na st°ednφ. (Zobrazit > Velikost pφsma > St°ednφ.) Velikosti zadanΘ v pixelech se v Exploreru nezv∞t╣φ. Nestandardnφ m≤d mß Explorer do verze 5.5 a ve verzi 6 bez striktnφho !doctype. Tento soubor doctype nemß, proto╛e schvßln∞ u╛φvß nestandardnφ k≤dy. Opera z°jem∞ takΘ mß standardnφ a nestandardnφ m≤d, ale neznßm moc podrobnostφ.
30px u x-large jsem nem∞°il, ale odhadl. Netscape 4 vykresluje stejn∞, akorßt medium odpovφdß devatenßcti pixel∙m.
| <font size=""> | font-size: slovo | font-size: pixely | tagy, nadpisy |
|---|---|---|---|
| font-size: xx-small | font-size: 9px | ||
| size=1 | font-size: x-small | font-size: 10px |
h6 |
| size=2 | font-size: small | font-size: 13px |
h5 |
| size=3 | font-size: medium | font-size: 16px | b∞╛n² text, h4 |
| size=4 | font-size: large | font-size: 18px |
h3 |
| size=5 | x-large | font-size: 24px |
h2 |
| zv∞t╣ovacφ | zv∞t╣ovacφ | nelze v Exploreru zv∞t╣ovat | zv∞t╣ovacφ |
Testovßno pouze na Windows, ale p°edpoklßdßm funkΦnost i jinde. Nejsem si jist tou osmnßctkou, mo╛nß je to v Mozille devatenßctka.
Chcete-li, aby Internet Explorer 6 nebo Opera 7 zobrazovaly tabulku se souhlasn²mi °ßdky, p°idejte na zaΦßtek souboru striktnφ deklaraci typu dokumentu, nap°φklad:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
Tφm se prohlφ╛eΦ p°epne do striktnφho m≤du.
V Mozille je defaultn∞ nastavena velikost proporcionßlnφho pφsma na 16 pixel∙, ale u╛ivatel si to m∙╛e zm∞nit. Edit > Preferences > Apearance > Fonts. TΘ╛ si m∙╛e zobrazenφ zv∞t╣it nebo zmen╣it -- View > Zoom. Narozdφl od Exploreru se p°itom zv∞t╣ujφ i pφsmena zadanß v pixelech.
V Ope°e se dß ve File > Preferences navolit vlastnφ velikost pφsma pro ka╛d² prvek, ale asi to d∞lß mßlokdo. View > Zoom zv∞t╣uje dokument vΦetn∞ pφsem zadan²ch v pixelech.
Standardnφ m≤d vykresluje relativn∞ zadanß pφsma o jeden stupe≥ men╣φ, ne╛ nestandardnφ m≤d. Jenom pixely se vykreslujφ stejn∞ velkΘ. Ty zase nejdou u╛ivatel∙m v Exploreru zv∞t╣ovat.
Chcete-li mφt ve strßnce stejn∞ velkΘ zv∞t╣ovacφ pφsmo v nestandardnφm (v∞t╣inou Explorer) i standardnφm prohlφ╛eΦi, dß se to hacknout r∙zn²mi zp∙soby. Jß nejrad∞ji pou╛φvßm uvozovky, kterΘ standardnφ re╛im nepobere. Nap°. tohle bude mφt ve v∞t╣in∞ p°φpad∙ 16 pixel∙:
p {font-size: middle}/* pro standardnφ i nestandardnφ */
p {font-size: "small"}/* standardnφ nechßpe a ignoruje, nestandardnφ bere,
proto╛e to dostal pozd∞ji */
Na Windows platφ 4px = 3pt aneb 96px = 72pt, proto╛e ve Windows je defaultn∞ nastaveno rozli╣enφ 96 ppi (pixels per inch, Φasto se to zam∞≥uje s dpi). Dß se to p°enastavit ve Vlastnosti Zobrazenφ (pravoklik na plo╣e, vlastnosti) > Nastavenφ > Up°esnit. Mac mß v²chozφ rozli╣enφ 72 ppi, taky se dß p°enastavit, nevφm jak. Rozli╣enφ iX∙ neznßm, asi to bude taky 96 ppi.
Kdy╛ se v HTML n∞co zadß bez jednotky, zpravidla to znamenß pixely, px. To dost Φasto zmate lidi zvyklΘ pracovat ve Wordu nebo tak, kde je v╣echno v typografick²ch bodech pt.
Vizte tΘ╛: DΘlkovΘ jednotky v CSS, Webov∞ pou╛itelnß pφsma -- p°ehled, R∙zn² styl v r∙zn²ch prohlφ╛eΦφch
Na hlavnφ strßnku -
www.jakpsatweb.cz
Pφ╣e Yuh∙ - http://dusan.pc-slany.cz, mail: dusan@pc-slany.cz
Poslednφ aktualizace
10.12.2003