CSS vlastnost font m∙╛e urΦovat v╣echny css vlastnosti pφsma najednou.
| hodnoty | souhrnnΘ vlastnosti fontu |
|---|---|
| tuΦnost verzßlky kurzφva velikost/v²╣ka_°ßdku rodina_pφsma | musφ b²t v tomto po°adφ |
| velikost rodina | v╣echno ostatnφ mo╛no vynechat |
| systΘmovΘ jmΘno caption menu messagebox smallcaption statusbar |
systΘmovΘ jmΘno pφsma p°etluΦe v╣echny ostatnφ vlastnosti pφsma |
Jde o ·sporn∞j╣φ zßpis vlastnostφ pφsma. P°i zßpisu vlastnostφ se musφ dodr╛ovat po°adφ, jinak to nebude fungovat. V∞t╣ina hodnot se m∙╛e vynechat, velikost a rodina pφsma (font-family) jsou povinnΘ.
Jednß se mo╛nß o nejlΘpe podporovanou vlastnost v∙bec.
| Prohlφ╛eΦ | Podpora ve verzφch | Poznßmka |
|---|---|---|
| 3, 4, 5, 5.5, 6 | ||
| Mozilla (Netscape 6+) | v╣echny verze | |
| Opera | 3, 4, 5, 6, 7 | u systΘmov²ch pφsem (caption apod.) kazφ Φe╣tinu |
| Konqueror | ano | |
| IE 5 / Mac | ano | |
| Netscape Navigator 4 | ano |
Aby se nemusely vlastnosti pφsma zdlouhav∞ vypisovat, dajφ se zapsat najednou:
{font: bold italic 15px/1.5 Arial}
je totΘ╛, jako rozvleklej╣φ zßpis
{font-weight: bold; font-style: italic; font-size: 15px; line-height: 1.5; font-family: Arial}
Hodnoty se k vlastnosti font musφ zadßvat v p°esnΘm po°adφ. Toto je ╣patn∞:
{font: Arial bold italic 15px/1.5}
R∙znΘ dal╣φ ╣patnΘ variace zßpisu si jist∞ odvodφte sami (je jich moc). Pokud se jenom n∞co vynechß, ale neporu╣φ po°adφ, je to dob°e, nap°. dvojnßsobn∞ velkΘ pφsmo Courier:
{font: 2em Courier}
P°i takovΘm zßpisu se ale v╣echny nezadanΘ vlastnosti nastavφ na p∙vodnφ hodnoty (myslφm, ╛e krom∞ line-height, nevφm). Je to vid∞t na p°φkladu: pokud se nezadß tuΦnost, chßpe se pφsmo jako netuΦnΘ. P°φklad p°evß╛enφ nezadanΘ tuΦnosti (font oproti font-weight).
Dal╣φ variantou zßpisu jsou systΘmovΘ rodiny pφsma, kdy se font nastavφ podle aktußlnφho nastavenφ operaΦnφho systΘmu. Nap°.:
#navigace {font: icon}
h5 {font: smallcaption}
P°φklad pou╛itφ systΘmov²ch pφsem:
caption menu messagebox smallcaption statusbar
Font-family = rodina pφsma (font), Font-size = velikost pφsma, Font-style = kurzφva, Font-variant = kapitßlky, Font-weight = tuΦnost, Line-height = v²╣ka °ßdku, Color = barva, Text-decoration ~ podrt╛enφ, p°e╣krtnutφ atp., Text-transform ~ v╣echna velkß pφsmena
Webov∞ pou╛itelnß pφsma -- p°ehled (star╣φ a mφsty chybn²)
o tvorb∞, ·dr╛b∞ a zlep╣ovßnφ internetov²ch strßnek