Ominaisuus text-transform

Ominaisuus text-transform asettaa tekstin merkkien kirjainkooksi: suuraakkoset (isot kirjaimet), pienaakkoset (pienet kirjaimet), voi tehdä jokaisen sanan ensimmäisestä kirjaimesta ison.

Syntaksi

cssvalitsija {
  text-transform: capitalize | lowercase | uppercase | none;
}

Arvot

Arvo	Kuvaus
`capitalize`	Jokaisen sanan ensimmäinen merkki lauseessa on iso.
`lowercase`	Kaikki tekstin merkit muunnetaan pienaakkosiksi.
`uppercase`	Kaikki tekstin merkit muunnetaan SUURAAKKOSIKSI.
`none`	Ei muuta merkkien kirjainkokoa.

Oletusarvo: none.

Esimerkki . Arvo capitalize

Nyt jokaisen sanan ensimmäisestä kirjaimesta tulee iso:

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

cssp {
  text-transform: capitalize;
}

Результат:

Esimerkki . Arvo uppercase

Nyt kaikista merkeistä tulee isoja:

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

cssp {
  text-transform: uppercase;
}

Результат:

Esimerkki . Arvo lowercase

Nyt kaikista merkeistä tulee pieniä (eli pieniä, ei isoja):

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

cssp {
  text-transform: lowercase;
}

Результат: