Omadus text-transform

Omadus text-transform määrab teksti sümbolite registri: suur täht (suurtekst), väike täht (väiketähed), võib teha iga sõna esimese tähe suureks.

Süntaks

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

Väärtused

Väärtus Kirjeldus
capitalize Iga sõna esimene sümbol lauses on suur täht.
lowercase Kõik teksti sümbolid teisendatakse väiketähtedeks.
uppercase Kõik teksti sümbolid teisendatakse SUURTÄHTEDEKS.
none Ei muuda sümbolite registrit.

Vaikimisi väärtus: none.

Näide . Väärtus capitalize

Nüüd muutub iga sõna esimene täht suureks:

html<p>
  Lorem ipsum dolor sit amet.
</p>
cssp {
  text-transform: capitalize;
}

Результат:

Näide . Väärtus uppercase

Nüüd muutuvad kõik sümbolid suurtähtedeks:

html<p>
  Lorem ipsum dolor sit amet.
</p>
cssp {
  text-transform: uppercase;
}

Результат:

Näide . Väärtus lowercase

Nüüd muutuvad kõik sümbolid väiketähtedeks (st väikesteks, mitte suurteks):

html<p>
  LOREM IPSUM DOLOR SIT AMET.
</p>
cssp {
  text-transform: lowercase;
}

Результат: