Font-variant-ominaisuus

Ominaisuus font-variant mahdollistaa pienten (pienaakirjainten) kirjainten muuttamisen ISOIKSI KIRJAIMIKSI, mutta pienikokoisina. Tätä kirjoitustapaa kutsutaan kapiteeliksi.

Syntaksi

cssvalitsija {
  font-variant: small-caps | normal;
}

Arvot

Arvo	Kuvaus
`small-caps`	Muuttaa pienaakirjaimet pienikokoisiksi versaalikirjaimiksi.
`normal`	Kumoaa `small-caps`-arvon toiminnan. Yleensä tarpeen tilanteessa, jossa haluat poistaa kapiteelin tietyltä tekstialueelta (esimerkiksi kaikki kappaleet on tehty kapiteeliksi, paitsi tämä).

Oletusarvo: normal.

Esimerkki . Arvo small-caps

Tässä esimerkissä kirjaimet muutetaan versaalikirjaimiksi, mutta pienikokoisina:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  font-variant: small-caps;
}

Результат:

Vertaa edellistä esimerkkiä (kapiteeli) tekstiin, joka on kirjoitettu isoilla kirjaimilla:

html<p>
  LOREM IPSUM DOLOR SIT AMET.
</p>

Результат:

Esimerkki . Arvo normal

Nyt tulee normaali teksti:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  font-variant: normal;
}

Результат: