HaTMatiLka
Lekce 4
Obsah
Bez rámečků
« »
Vše o písmu

Je načase prokousat se nezáživnou kapitolou, věnovanou všem možným parametrům písma. Samozřejmě, že by bylo možné vysvětlovat jednu možnost za druhou, uvádět příklady a natahovat to na několik lekcí — ale je mnohem jednodušší přečíst si všechno na jediné stránce. Takže do toho!

Font-
font-family
písmo, písmo…
Určuje rodinu písma.
Kromě přesných názvů lze použít obecné výrazy serif, sans-serif, cursive, fantasy a monospace. Jeden z nich by měl vždy ukončovat seznam.
font-style
normal|italic|obligue
Určuje styl písma (vzpřímené|kurzíva|skloněné).
font-variant
normal|small-caps
Určuje variantu písma. Výraz small-caps znamená písmo, kde malá písmena jsou provedena jako velká, ale menší. (Asi takhle - jestli to funguje.)
font-weight
normal|bolder|lighter|extra-light|light|
demi-light|medium|demi-bold|bold|extra-bold|
100|200|300|400|500|600|700|800|900
Určuje tloušťku (tučnost) písma. Normal=400.
font-size
xx-small|x-small|small|medium|large|x-large|xx-large|
smaller|larger|+-n units|+-n%

Určuje velikost písma.
Za units se dosadí:
px = pixel (bod obrazovky)
pt = point (typografický bod = 1/72 in)
pi = pica (=12 pt)
in = inch (palec)
cm = centimetr
mm = milimetr
font
<font-weight>|<font-variant>|<font-style> <font-size> /<line-height> <font-family>
Nedoporučovaná metoda „vše v jednom”.
Text-
text-indent
+-n units|+-n%
Odsazení prvního řádku odstavce.
Za units se dosadí:
px = pixel (bod obrazovky)
pt = point (typografický bod = 1/72 in)
pi = pica (=12 pt)
in = inch (palec)
cm = centimetr
mm = milimetr
en = počet písmen
em = stupeň písma („čtverčík” = asi tak šířka písmene „m”)
text-align
left|right|center|justify
Zarovnání písma (doleva|dopravana střed|do bloku).
Nedoporučuji používat zarovnání do bloku (justify), protože někdy může vést ke zhroucení prohlížeče (ověřeno!).
text-decoration
normal|overline|underline|line-through|blink
Přidané efekty (bez efektů|nadtržení|podtržení|přeškrtnutí|blikání).
Tip: pokud nadefinujete A {text-decoration:normal;}, budou odkazy nepodtržené.
text-transform
none|lowercase|uppercase|capitalize
Provedení textu. Převádí na malá písmena (minusky)|velká písmena|velká na začátku věty.
Různé
Cokoliv může být založeno pod „Různé”.
line-height
+-n units|+-n%Výška řádku. Tak lze například vyrobit rozšířené řádkování.
vertical-align
top|middle|bottom|sub|super|baseline|+-n%|tex-top|text-bottom
Zarovnání prvku na řádku – jako například obrázky.
word-spacing
normal|+-n units
Velikost mezery mezi slovy. Celkem k ničemu.
letter-spacing
normal|+-n units
Velikost mezery mezi znaky, takzvané „proložení znaků”.

A tím končím tento suchý a nezáživný výčet. Jen ještě:

Domácí úkol:
Upravit odstavce tak, aby byly zarovnány „po čekém způsobu” — vlevo, první řádek odsazen o cca 5 znaků.
» Vše o písmu
» font-
» text-
» různé
» Domácí úkol


Lekce 3

Lekce 5
© Robert R. Šimek, 1998