Properti text-transform

Properti text-transform mengatur kapitalisasi karakter teks: huruf kapital (huruf besar), huruf kecil, dapat membuat huruf kapital pada awal setiap kata.

Sintaks

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

Nilai

Nilai	Keterangan
`capitalize`	Karakter pertama setiap kata dalam kalimat akan menjadi huruf kapital.
`lowercase`	Semua karakter teks diubah menjadi huruf kecil.
`uppercase`	Semua karakter teks diubah menjadi HURUF KAPITAL.
`none`	Tidak mengubah kapitalisasi karakter.

Nilai default: none.

Contoh . Nilai capitalize

Sekarang huruf pertama setiap kata akan menjadi kapital:

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

cssp {
  text-transform: capitalize;
}

Результат:

Contoh . Nilai uppercase

Sekarang semua karakter akan menjadi huruf kapital:

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

cssp {
  text-transform: uppercase;
}

Результат:

Contoh . Nilai lowercase

Sekarang semua karakter akan menjadi huruf kecil (yaitu huruf kecil, bukan kapital):

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

cssp {
  text-transform: lowercase;
}

Результат: