

|
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ů.
|
|