CSS vlastnost font-variant urΦuje kapitßlky.
| hodnoty | kapitßlky |
|---|---|
| normal | normßlnφ pφsmo |
| small-caps | kapitßlky |
Kapitßlky jsou velkß pφsmena snφ╛enß/zmen╣enß na velikost mal²ch pφsmen. Pφsmeno v p∙vodnφm textu velkΘ si udr╛uje svoji velikost. Hodn∞ se pou╛φvajφ v anglosask²ch literaturßch jako nadpisy kapitol (odtud nßzev kapitßlky).
Kapitßlky jsou n∞co jinΘho ne╛ verzßlky. Verzßlky jsou obecn∞ velkß pφsmena. Pokud je text sßzen verzßlkami, jsou to prost∞ velkß pφsmena. Dajφ se ud∞lat pomocφ text-transform: uppercase. Oproti tomu kapitßlky jsou o poznßnφ men╣φ.
Modernφ prohlφ╛eΦe kreslφ kapitßlky sprßvn∞, star╣φ prohlφ╛eΦe je Φasto nahrazujφ verzßlkami.
Velmi dob°e podporovanß vlastnost pokud jde o zv∞t╣enφ pφsma. Pokud jde o vykreslovßnφ skuteΦn²ch kapitßlek, IE 4 a 5 kreslφ verzßlky (totΘ╛, co text-transform: uppercase).
| Prohlφ╛eΦ | Podpora ve verzφch | Poznßmka |
|---|---|---|
| 4, 5, 5.5, 6 | verze 4 a 5.0 kreslφ verzßlky (IE 5.5 nevφm) | |
| Mozilla (Netscape 6+) | v╣echny verze | |
| Opera | 4, 5, 6, 7 | mo╛nß i 3 |
| Konqueror | ano | |
| IE 5 / Mac | ano | |
| Netscape Navigator 4 | ne |
Nap°φklad se dß nastavit, ╛e tag h3 (nadpis t°etφ ·rovn∞) bude vykreslen tuΦn²mi kapitßlkami:
<style>
h3 {font-variant: small-caps; font-weight: bold}
</style>
V tomto p°φpad∞ nebylo t°eba tu tuΦnost zadßvat, proto╛e h3 je tuΦnΘ normßln∞. Kdybych cht∞l ud∞lat netuΦnΘ h3 kapitßlkami:
<style>
h3 {font-variant: small-caps; font-weight: normal}
</style>
D∙vodem, proΦ zmi≥uji tento zdßnliv∞ nesouvisejφcφ p°φklad s tuΦnostφ, je to, ╛e tuΦnΘ kapitßlky vypadajφ hodn∞ jinak ne╛ netuΦnΘ. Dal╣φm vizußlnφm efektem, kter² se hodφ ke kapitßlkßm, je prostrkßnφ pomocφ vlastnosti letter-spacing:
strong {font-variant: small-caps; font-weight: bold; letter-spacing: 1px}
JednopixelovΘ prostrkßnφ je dostateΦnΘ na to, aby tuΦn² text opticky odlehΦilo.
Font = souhrnnΘ vlastnosti pφsma, Text-transform = v╣echna pφsmena velkß
o tvorb∞, ·dr╛b∞ a zlep╣ovßnφ internetov²ch strßnek