CSS (6.) - Písmo I. (Velikost písma)
V dnešním díle se seznámíme, jak je možné nastavit pomocí kaskádových stylů velikost písma.
23.8.2004 13:00 |
Vasek
| Články autora
| přečteno 21489×
Formátování textu pomocí CSS nám nabízí stejné možnosti, které poskytuje html tag <font>, a navíc je k dispozici mnoho dalších vlastností, které prostředky HTML nebylo možné vůbec popsat.
Velikost písma
Velikost písma se určuje vlastností font-size. Jako její hodnota se používají klíčová slova nebo číselné hodnoty s jednotkou, případně procenta.
font-size
Hodnoty: <absolutní-velikost> | <relativní-velikost> | <velikost> | <procenta> | inherit
Výchozí hodnota: medium
Ovlivňuje: všechny prvky
Dědičná: ano
Procenta: z velikosti písma rodičovského prvku
Média: vizuální
<absolutní-velikost> xx-small | x-small | small | medium | large | x-large | xx-large
<relativní-velikost> larger | smaller
<velikost> číslo a jednotka viz díl č. 2
<procenta> viz výše
inherit hodnota se dědí po rodičovském prvku
Pro absolutní velikosti má klient definovanou tabulku velikostí písem. Specifikace CSS2 doporučuje klientům sestavit tuto tabulku tak, aby koeficient mezi jednotlivými stupni velikosti písma pro počítačovou obrazovku činil 1,2 (např. pokud je velikost písma medium rovna 12,2pt, tak velikost písma large má být 14,4pt). Jelikož se jedná jen o doporučení a v předcházející specifikaci CSS1 byl tento koeficient 1,5 (jež je vnímán jako příliž veliký), nelze se na to spoléhat. Pokud není velikost písma deklarována vůbec, použijí prohlížeče výchozí hodnotu medium.
Relativní velikosti (larger a smaller) jsou interpretovány jak vůči klientské tabulce velikostí písma, tak i vůči velikosti písma rodičovského prvku. Pokud měl rodičovský prvek velikost písma medium hodnota larger nastaví jeho velikost písma na large.
Podpora v prohlížečích
Současně používané prohlížeče obsahují několik chyb a odlišností v implementaci CSS, ačkoliv se na první pohled zdá, že tuto vlastnost podporují všechny bez větších problémů.
IE4 a NN4 zvládají bez problémů jen velikosti písem nastavených v pixelech (px). Absolutní velikosti (small, medium, large atd.) se zobrazují nepředvídatelně, a procentuální hodnoty jsou většinou nesprávně interpretovány jen z výchozí hodnoty (nikoliv z rodičovského prvku). Jednotku em interpretuje IE3 jako pixel (px).
Určování velikostí písem v pixelech činí problémy s čitelností stránek pod IE/Win, jelikož písmo nelze snadno uživatelsky zvětšovat. Absolutní velikosti určené pomocí klíčových slov (small, medium, large atd.) způsobují problémy ve starších verzích IE/Win, jelikož až do verze 5.5 (a i ve verzi 6 v režimu zpětné kompatibility, jež je zapnut vždy když není definován striktní typ dokumentu) zobrazuje písmo vždy o stupeň větší tj. xx-small jako x-small, x-small jako small, small jako medium atd.
Podpora ostatními prohlížeči: Mozilla (Netscape 6+) plná podpora všemi verzemi; Opera plná podpora od verze 3; IE 5/MAC plná podpora; Konqueror plná podpora.
Pokud chcete mít na stránce stejně veliké písmo v libovolném prohlížeči (v nestandardním řežimu {většinou Explorer} i standardním režimu) a také s možností jeho zvětšení, lze provést mnoho hacků, které to umožní. Jeden z nich je následující: použít uvozovky, které prohlížeč ve standardním režim ignoruje. Např. tohle bude mít ve většině případů 16 pixelů:
p {font-size: medium}
p {font-size: "small"}
Princip tohoto hacku spočívá v uvedení obou dvou předcházejících řádků pro definici velikosti písma jednoho prvku. Prvnímu řádku rozumí standardní i nestandardní režim prohlížeče a nastaví podle toho velikost písma. Druhému řádku s uvozovkami prohlížeč ve standardním režimu nerozumí, a proto jej ignoruje, kdežto prohlížeč v nestandardním režimu tomuto zápisu rozumí, a jelikož ho dostal jako druhý, přenastaví velikost písma podle této definice. Prohlížeč v nestandardním režimu automaticky zobrazuje písmo o velikost větší, což v našem případě je požadované medium.
Příklady velikostí
font-size: xx-small
font-size: x-small
font-size: small
font-size: medium
font-size: large
font-size: x-large
font-size: xx-large
font-size: 16px
font-size: 130%
font-size: 18pt
font-size: .25in
font-size: .5cm
font-size: 5mm
font-size: 1pc
font-size: 2em
font-size: 2ex
Závěr
V dalších dílech si postupně probereme další vlastnosti písma v kaskádových stylech.
Verze pro tisk
|
Příspívat do diskuze mohou pouze registrovaní uživatelé.
|
|

Vyhledávání software

Vyhledávání článků
28.11.2018 23:56 /František Kučera Prosincový sraz spolku OpenAlt se koná ve středu 5.12.2018 od 16:00 na adrese Zikova 1903/4, Praha 6. Tentokrát navštívíme organizaci CESNET. Na programu jsou dvě přednášky: Distribuované úložiště Ceph (Michal Strnad) a Plně šifrovaný disk na moderním systému (Ondřej Caletka). Následně se přesuneme do některé z nedalekých restaurací, kde budeme pokračovat v diskusi.
Komentářů: 1
12.11.2018 21:28 /Redakce Linuxsoft.cz 22. listopadu 2018 se koná v Praze na Karlově náměstí již pátý ročník konference s tématem Datová centra pro business, která nabídne odpovědi na aktuální a často řešené otázky: Jaké jsou aktuální trendy v oblasti datových center a jak je optimálně využít pro vlastní prospěch? Jak si zajistit odpovídající služby datových center? Podle jakých kritérií vybírat dodavatele služeb? Jak volit vhodné součásti infrastruktury při budování či rozšiřování vlastního datového centra? Jak efektivně datové centrum spravovat? Jak co nejlépe eliminovat možná rizika? apod. Příznivci LinuxSoftu mohou při registraci uplatnit kód LIN350, který jim přinese zvýhodněné vstupné s 50% slevou.
Přidat komentář
6.11.2018 2:04 /František Kučera Říjnový pražský sraz spolku OpenAlt se koná v listopadu – již tento čtvrtek – 8. 11. 2018 od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5). Tentokrát bez oficiální přednášky, ale zato s dobrým jídlem a pivem – volná diskuse na téma umění a technologie, IoT, CNC, svobodný software, hardware a další hračky.
Přidat komentář
4.10.2018 21:30 /Ondřej Čečák LinuxDays 2018 již tento víkend, registrace je otevřená.
Přidat komentář
18.9.2018 23:30 /František Kučera Zářijový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 20. 9. 2018 od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5). Tentokrát bez oficiální přednášky, ale zato s dobrým jídlem a pivem – volná diskuse na téma IoT, CNC, svobodný software, hardware a další hračky.
Přidat komentář
9.9.2018 14:15 /Redakce Linuxsoft.cz 20.9.2018 proběhne v pražském Kongresovém centru Vavruška konference Mobilní řešení pro business.
Návštěvníci si vyslechnou mimo jiné přednášky na témata: Nejdůležitější aktuální trendy v oblasti mobilních technologií, správa a zabezpečení mobilních zařízení ve firmách, jak mobilně přistupovat k informačnímu systému firmy, kdy se vyplatí používat odolná mobilní zařízení nebo jak zabezpečit mobilní komunikaci.
Přidat komentář
12.8.2018 16:58 /František Kučera Srpnový pražský sraz spolku OpenAlt se koná ve čtvrtek – 16. 8. 2018 od 19:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát jsou tématem srazu databáze prezentaci svého projektu si pro nás připravil Standa Dzik. Dále bude prostor, abychom probrali nápady na využití IoT a sítě The Things Network, případně další témata.
Přidat komentář
16.7.2018 1:05 /František Kučera Červencový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 19. 7. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát bude přednáška na téma: automatizační nástroj Ansible, kterou si připravil Martin Vicián.
Přidat komentář
Více ...
Přidat zprávičku
 Poslední diskuze
31.7.2023 14:13 /
Linda Graham iPhone Services
30.11.2022 9:32 /
Kyle McDermott Hosting download unavailable
13.12.2018 10:57 /
Jan Mareš Re: zavináč
2.12.2018 23:56 /
František Kučera Sraz
5.10.2018 17:12 /
Jakub Kuljovsky Re: Jaký kurz a software by jste doporučili pro začínajcího kodéra?
Více ...
|