Pengubahan huruf besar dan huruf kecil dari sebuah teks/texttransform

 on Minggu, 22 Mei 2016  

Pengubahan huruf besar dan huruf kecil dari sebuah teks/texttransform
Teks-transform properti digunakan untuk menentukan huruf besar dan kecil dalam teks. Format penulisan CSS untuk pengaturan text indent adalahsebagai 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 berbedapada 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>


Bila listing kode diatas dijalankan akan menghasilkan tampilan seperti berikut
Pengubahan huruf besar dan huruf kecil dari sebuah teks/texttransform 4.5 5 b Minggu, 22 Mei 2016 Pengubahan huruf besar dan huruf kecil dari sebuah teks/texttransform Teks-transform properti digunakan untuk menentukan huruf besar dan ke...


1 komentar:

  1. Halo kak, postingannya sangat membantu, penjelasannya juga sangat mudah dimengerti. Dan kakak juga nambahin hasil output dr kodingnya.semangat terus kak untuk membuat blog yg lebih bermanfaat bagi orang lain. Perkenalkan nama saya Sri Agustina, NIM saya 1922500194, dan link website kampus saya https://www.atmaluhur.ac.id/

    BalasHapus

Diberdayakan oleh Blogger.