font-variantLastnost vam omogoča, da spremenite ciljno besedilo majhno tržno kapitalizacijo. Ta lastnost je bila razširjena v CSS3.
p:first-line ( font-variant: small-caps; /* default is `normal` */ )Pred CSS3 je ta lastnost sprejemala eno od dveh možnih vrednosti: normal(kako je besedilo privzeto upodobljeno) in small-caps.
Vrednost small-capsbo upodobila besedilo z velikimi črkami, ki so manjše od običajnih velikih črk. To ne preglasi zgornjih nastavitev v vsebini znotraj oznake. Na primer:
V zgornji predstavitvi sta oba odstavka nastavljena na font-variant: small-caps. V prvem odstavku je samo velika črka v oznaki, zato je videti po pričakovanjih (velika črka v prvi črki, preostanek v velikih črkah).
Druga vrstica je napisana z velikimi malimi črkami, kar preglasi small-capsvrednost, pri čemer je vse nastavljeno z običajnimi velikimi črkami.
Če nadaljujemo s tem, če so ti odstavki nastavljeni na font-variant: small-capsin text-transform: lowercase, bodo prikazani v vseh majhnih velikih črkah. Če so ti odstavki nastavljeni na font-variant: small-capsin text-transform: uppercase, bodo prikazani v vseh običajnih velikih črkah.
font-variantse lahko vključi kot del fontstenografske izjave.
Novi dodatki v CSS3
V CSS3, font-variantpostane okrajšava in lahko sprejme več vrednosti, vključno z all-small-caps, petite-caps, all-petite-caps, titling-caps, in unicase, med drugim.
Podpora za brskalnik
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Deluje | Deluje | Deluje | Deluje | Deluje | Deluje | Deluje |
Nove vrednosti, dodane v CSS3, ne podpirajo brskalnika, zato zgornja tabela predstavlja podporo za vrednost small-caps.
V IE6 / 7 font-variant: small-capsbo nastavitev povzročila , da bo besedilo, nastavljeno na text-transform: uppercaseali text-transform: lowercasevideti tako text-transform: none.