font-variantSvojstvo omogućuje promjenu ciljanih tekst za male kape. Ovo je svojstvo prošireno u CSS3.
p:first-line ( font-variant: small-caps; /* default is `normal` */ )Prije CSS3, ovo je svojstvo prihvaćalo jednu od dvije moguće vrijednosti: normal(kako se tekst zadaje prema zadanim postavkama) i small-caps.
Vrijednost small-capsće prikazati tekst velikim slovima koja su manja od uobičajenih velikih slova. To ne poništava overcasing set u sadržaju unutar oznake. Na primjer:
U gornjoj demonstraciji postavljena su oba odlomka font-variant: small-caps. Prvi odlomak ima samo veliko početno slovo u oznaci, pa se čini očekivano (veliko početno slovo, ostatak malim slovima).
Drugi redak napisan je velikim slovima u oznaci, što poništava small-capsvrijednost, postavljajući sve u veliko slovo.
Uzimajući ovo dalje, ako su ovi odlomci postavljeni na font-variant: small-capsi text-transform: lowercase, tada će se pojaviti u svim malim kapicama. Slično tome, ako su ovi odlomci postavljeni na font-variant: small-capsi text-transform: uppercase, tada će se pojaviti u svim redovnim velikim slovima.
font-variantmože se uključiti kao dio fontstenografske deklaracije.
Novi dodaci u CSS3
U CSS3, font-variantpostaje stenogram i može prihvatiti više vrijednosti, uključujući all-small-caps, petite-caps, all-petite-caps, titling-caps, a unicase, među ostalima.
Podrška preglednika
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Djela | Djela | Djela | Djela | Djela | Djela | Djela |
Nove vrijednosti dodane u CSS3 nemaju podršku preglednika, pa gornja tablica predstavlja podršku za vrijednost od small-caps.
U IE6 / 7, postavka font-variant: small-capsće uzrokovati da bilo koji tekst postavljen na text-transform: uppercaseili text-transform: lowercaseizgleda poput text-transform: none.