Pengubahan
huruf besar dan huruf kecil dari sebuah teks/text-
transform
Teks-transform properti
digunakan untuk menentukan huruf besar dan kecil dalam teks. Format penulisan
CSS untuk pengaturan text indent adalah sebagai berikut :
selector
{ text-transform:nilai text transform}
Nilai text transform dapat
diisi dengan uppercase,lowercase, capital. Pada listing kode berikut terlihat
CSS dituliskan dalam bentuk CLASS p.besar, p.kecil dan p.kapital. Hal ini
bertujuan untuk memberikan pengaturan yang berbeda pada paragrafnya.
<STYLE
="text/css">
p.besar {text-transform: uppercase}
p.kecil {text-transform: lowercase}
p.kapital {text-transform: capitalize}
</STYLE>
Berikut ini adalah contoh
penerapan dari style tersebut :
<HTML>
<HEAD>
<TITLE>Format Text </TITLE>
<STYLE ="text/css">
p.besar {text-transform: uppercase}
p.kecil {text-transform: lowercase}
p.kapital {text-transform: capitalize}
</STYLE>
</HEAD>
<BODY>
<p class="besar">
pengubahan menjadi huruf Besar (Kapital)
</p>
<p class="kecil">
PENGUBAHAN MENJADI HURUF KECIL
</p>
<p class="kapital">
huruf kapital pada setiap awal kata
</p>
</BODY>
</HTML>