CSS kirjasin-variantti-kirjain ominaisuus

Määrittely ja käyttö

font-variant-caps-ominaisuus ohjaa korostettujen kirjainten vaihtoehtoisten muotojen käyttöä.

Katso myös:

CSS -opas:CSS kirjasin

CSS -viittausopas:font-ominaisuus

HTML DOM -viittausopas:fontVariant-ominaisuus

Esimerkki

Aseta kappale pienikirjasinmuotoon:

p.normal {font-variant-caps: normal;}
p.small {font-variant-caps: small-caps;}
p.allsmall {font-variant-caps: all-small-caps;}
p.petite {font-variant-caps: petite-caps;}
p.allpetite {font-variant-caps: all-petite-caps;}
p.unicase {font-variant-caps: unicase;}
p.titling {font-variant-caps: titling-caps;}

kokeile itse

CSS-kieli

font-variant-caps: normal|small-caps|all-small-caps|petite-caps|all-petite-caps|unicase|titling-caps|initial|inherit|unset;

ominaisuusarvo

arvo kuvaus
normal poista vaihtoehtoisen kirjasinkäytön käyttöön
small-caps näyttää pienet kirjaimet
all-small-caps näyttää sekä suuret että pienet kirjaimet pieninä
petite-caps näyttää erittäin pienet kirjaimet
all-petite-caps näyttää sekä suuret että pienet kirjaimet erittäin pieninä
unicase sallii suurten ja pienikirjainten yhdistelmän käyttämisen pienikirjaimina
titling-caps näytä ensimmäinen kirjain isolla kirjaimella
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit Perii tämän ominaisuuden isältään. Katso: inherit.
unset

huomautus:pienikirjaimet tarkoittavat käyttämistä suurta kirjainta, mutta saman kokoista kuin vastaava pieni kirjain.

tekniset yksityiskohdat

oletusarvo: normal
perimä: kyllä
animointi: ei tuettu. Katso:animointiin liittyvät ominaisuudet.
Versio: CSS3
JavaScript-kieli: object.style.fontVariantCaps="small-caps"

selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimeen, joka tukee tätä ominaisuutta.

Chrome IE / Edge Firefox Safari Opera
52.0 79.0 34.0 ei tuettu 39.0