LINUXSOFT.cz Přeskoč levou lištu
Uživatel: Heslo:  
   CZUKPL

> 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 18217×

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

pridej.cz

 

DISKUZE

dalsi poctenicko 23.8.2004 16:53 Valis
pekny serial 27.8.2004 13:14 Petr Semelka




Příspívat do diskuze mohou pouze registrovaní uživatelé.
> Vyhledávání software
> Vyhledávání článků

18.6.2018 0:43 /František Kučera
Červnový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 21. 6. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát na téma: F-Droid, aneb svobodný software do vašeho mobilu. Kromě toho budou k vidění i vývojové desky HiFive1 se svobodným/otevřeným čipem RISC-V.
Přidat komentář

23.5.2018 20:55 /Ondřej Čečák
Od pátku 25.5. proběhne na Fakultě informačních technologií ČVUT v Praze openSUSE Conference. Můžete se těšit na spostu zajímavých přednášek, workshopů a také na Release Party nového openSUSE leap 15.0. V na stejném místě proběhne v sobotu 26.5. i seminář o bezpečnosti CryptoFest.
Přidat komentář

20.5.2018 17:45 /Redakce Linuxsoft.cz
Ve čtvrtek 31. května 2018 připravuje webový magazín BusinessIT ve spolupráci s Best Online Média s.r.o. pátý ročník odborné konference Firemní informační systémy 2018. Akce proběhne v kongresovém centru Vavruška (palác Charitas), Karlovo náměstí 5, Praha 2 (u metra Karlovo náměstí) od 9:00 hod. dopoledne do cca 15 hod. odpoledne. Konference je zaměřena na efektivní využití firemních informačních systémů a na to, jak plně využít jejich potenciál. Podrobnější informace na webových stránkách konfrence.
Přidat komentář

14.5.2018 7:28 /František Kučera
Květnový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 17. 5. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát na téma: Audio – zvuk v GNU/Linuxu.
Přidat komentář

7.5.2018 16:20 /František Kučera
Na stránkách spolku OpenAlt vyšla fotoreportáž Pražské srazy 2017 dokumentující srazy za uplynulý rok. Květnový pražský sraz na téma audio se bude konat 17. 5. 2018 (místo a čas ještě upřesníme).
Přidat komentář

17.4.2018 0:46 /František Kučera
Dubnový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 19. 4. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tématem tohoto srazu bude OpenStreetMap (OSM) aneb svobodné mapy.
Přidat komentář

16.3.2018 22:01 /František Kučera
Kulatý OpenAlt sraz v Praze oslavíme klasicky: u limonády a piva! Přijďte si posedět, dát si dobré jídlo a vybrat z mnoha piv do restaurace Kulový blesk, který najdete v centru Prahy nedaleko metra I. P. Pavlova na adrese Sokolská 13, Praha 2. Sraz se koná ve čtvrtek 22. března a začínáme v 18:00. Heslo: OpenAlt. Vezměte s sebou svoje hračky! Uvítáme, když si s sebou na sraz vezmete svoje oblíbené hračky. Jestli máte nějaký drobný projekt postavený na Arduinu, nějakou zajímavou elektronickou součástku, či třeba i pěkný úlovek z crowdfundingové akce, neváhejte. Oslníte ostatní a o zábavu bude postaráno.
Přidat komentář

13.2.2018 0:41 /František Kučera
Únorový pražský sraz OpenAltu se koná 15. 2. 2018 a tentokrát se vydáme na návštěvu do jednoho pražského datacentra. Sejdeme se v 17:50 v severovýchodní části nástupiště tramvajové zastávky Koh-I-Noor. Po exkurzi se přesuneme do restaurace U Pštrosa (Moskevská 49), kde probereme tradiční témata (svobodný software a hardware, DIY, CNC, SDR, 3D tisk…) a tentokrát bude k vidění i IoT brána od The Things Network.
Přidat komentář

   Více ...   Přidat zprávičku

> Poslední diskuze

20.2.2018 18:48 / Ivan Majer
portal

20.2.2018 15:57 / Jan Havel
Jak využíváte služby cloudu v podnikání?

16.1.2018 1:08 / Ivan Pittner
verejna ip od o2 ubuntu

15.1.2018 17:26 / Mira Harvalik
Re: Jak udělat HTML/Javascript swiping gallery do mobilu?

30.12.2017 20:16 / Michal Knoll
odmocnina

Více ...

ISSN 1801-3805 | Provozovatel: Pavel Kysilka, IČ: 72868490 (2003-2018) | mail at linuxsoft dot cz | Design: www.megadesign.cz | Textová verze