Pengubahan huruf besar dan huruf kecil dari sebuah teks/text-transform - Catatan Faiq Hisyam Marwan

Contact Form

 

Pengubahan huruf besar dan huruf kecil dari sebuah teks/text-transform

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>

Total comment

Author

Faiq Hisyam Marwan

0   comments

Cancel Reply