font-variantNuosavybė leidžia jums pakeisti tikslinę tekstą mažos kapitalizacijos. Ši nuosavybė buvo išplėsta CSS3.
p:first-line ( font-variant: small-caps; /* default is `normal` */ )Prieš CSS3 ši ypatybė priėmė vieną iš dviejų galimų reikšmių: normal(kaip tekstas pateikiamas pagal numatytuosius nustatymus) ir small-caps.
Vertė small-capsatvaizduos tekstą didžiosiomis raidėmis, kurios yra mažesnės už įprastas didžiąsias raides. Tai nepaiso didžiųjų raidžių rinkinio turinyje, žymėjimo viduje. Pavyzdžiui:
Anksčiau pateiktoje demonstracijoje abi pastraipos yra nustatytos font-variant: small-caps. Pirmoje pastraipoje žymoje yra tik pirmosios didžiosios raidės, todėl ji atrodo kaip tikėtasi (pirmosios raidės didžiosios, likusi dalis - mažomis raidėmis).
Antroji eilutė žymėjime parašyta didžiosiomis raidėmis, kuri pakeičia small-capsvertę, nustatydama viską didžiosiomis raidėmis.
Jei šios pastraipos bus nustatytos font-variant: small-capsir text-transform: lowercase, jos bus rodomos visomis mažomis raidėmis. Panašiai, jei šios pastraipos yra nustatytos kaip font-variant: small-capsir text-transform: uppercase, jos bus rodomos didžiosiomis raidėmis.
font-variantgali būti įtraukta kaip fontstenografinės deklaracijos dalis.
Nauji CSS3 priedai
Be CSS3, font-varianttampa trumpa ir gali priimti keletą reikšmių, įskaitant all-small-caps, petite-caps, all-petite-caps, titling-caps, ir unicase, be kita ko.
Naršyklės palaikymas
| „Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
|---|---|---|---|---|---|---|
| Veikia | Veikia | Veikia | Veikia | Veikia | Veikia | Veikia |
Naujos CSS3 pridėtos vertės neturi naršyklės palaikymo, todėl aukščiau pateiktoje lentelėje nurodoma reikšmė small-caps.
Naudojant IE6 / 7, nustatant font-variant: small-capsbet koks tekstas, nustatytas text-transform: uppercasearba text-transform: lowercaserodomas kaip text-transform: none.