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

selector {
	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:

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

p {
	text-transform: capitalize;
}

Contoh . Nilai uppercase

Sekarang semua karakter akan menjadi huruf kapital:

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

p {
	text-transform: uppercase;
}

Contoh . Nilai lowercase

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

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

p {
	text-transform: lowercase;
}