Dibalik Waktu

Bicara soal CSS sebenarnya gak lepas dari HTML karena mereka berdua itu susah dipisahin. CSS sebagai pelengkap dari HTML yang memudahkan kita dalam mengatur stylesheet yang membuat sebuah page lebih terlihat menarik.

Untuk kali ini kita akan mencoba menggunakan Text Transformation yang berfungsi untuk mengubah huruf besar ke kecil maupun sebaliknya. Mungkin terlihat sederhana tapi fitur dari css ini sangat bermanfaat dalam mengatur huruf besar dan huruf kecil dalam blog.

Text Transformation mempunyai 3 fungsi yaitu :

1. uppercase

Berfungsi mengubah semua huruf menjadi huruf besar ( kapital ) semua.

2. lowercase

Berfungsi mengubah semua huruf menjadi huruf kecil semua.

3. capitalize

Berfungsi mengubah semua huruf dalam awal kata menjadi huruf besar ( kapital ).

Copy dan paste kode di bawah ini ke template sebelum kode ]]></b:skin> :

.uppercase {text-transform:uppercase;}
.lowercase {text-transform:lowercase;}
.capitalize {text-transform:capitalize;}

Cara menggunakannya sebagai berikut :

<p class="uppercase">Menggunakan fungsi uppercase.</p>
<p class="lowercase">Menggunakan fungsi lowesrcase.</p>
<p class="capitalize">Menggunakan fungsi capitalize.</p>

Hasilnya sebagai berikut :

Menggunakan fungsi uppercase.

Menggunakan fungsi lowesrcase.

Menggunakan fungsi capitalize.