font-variantVara võimaldab muuta sihitud teksti kapiteelkiri. Seda vara on CSS3-s laiendatud.
p:first-line ( font-variant: small-caps; /* default is `normal` */ )Enne CSS3 aktsepteeris see atribuut ühte kahest võimalikust väärtusest: normal(kuidas teksti vaikimisi renderdatakse) ja small-caps.
Väärtus väärtus small-capsrenderdab teksti suurtähtedega, mis on tavalistest suurtähtedest väiksemad. See ei alista märgistuse sees oleva sisuga suurtähtede komplekti. Näiteks:
Ülaltoodud demos on mõlemad lõigud seatud väärtusele font-variant: small-caps. Esimeses lõigus on märgistuses ainult esimene algustäht, nii et see kuvatakse ootuspäraselt (esimene täht suur, ülejäänud väikeste tähtedega).
Teine rida on märgistuse kogu suurtähega kirjutatud, mis tühistab small-capsväärtuse, seades kõik tavalise suurtähega.
Kui need lõigud on seatud väärtusele font-variant: small-capsja text-transform: lowercase, kuvatakse need kõigis väikestes suurtähtedega. Samamoodi, kui need lõigud on seatud väärtusele font-variant: small-capsja text-transform: uppercase, kuvatakse need kogu tavalise suurtähega.
font-variantsaab lisada fontstenogrammi osana .
Uued täiendused CSS3-s
In CSS3, font-variantmuutub stenografist ja aktsepteerib mitut väärtust, sealhulgas all-small-caps, petite-caps, all-petite-caps, titling-caps, ja unicase, teiste hulgas.
Brauseri tugi
| Chrome | Safari | Firefox | Ooper | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Töötab | Töötab | Töötab | Töötab | Töötab | Töötab | Töötab |
CSS3-s lisatud uutel väärtustel pole brauseri tuge, seega ülaltoodud tabel esindab väärtuse small-caps.
Rakenduses IE6 / 7 font-variant: small-capspõhjustab seade, mille väärtuseks on määratud text-transform: uppercasevõi text-transform: lowercasemis näib sarnane text-transform: none.