Fungsi Properties Text-transform:capitalize pada CSS

Hallo teman-teman, balik lagi pada tutorial dumet school, pada pembahasan kali ini saya akan membahas tentang fungsi dari properties text-transform:capitalize pada CSS.

Text-transform dalah salah satu fungsi yang berfungsi untuk menentukan penggunaan karakteristik sebuah teks, untuk penggunaan huruf besar, huruf kecil, atau tidak sama sekali, meskipun jarang di gunakan, namun ada baiknya kita tahu tentang fungsi properties yang satu ini.

Nah untuk properties text-transform itu sendiri ada 3 nilai, yaitu:

1. uppercase
2. lowercase
3. capitalize

Nah untuk pembahasan kali ini kita akan coba praktekan fungsi dari capitalize.

Coba silahkan teman-teman buat sebuah file dan ketikan script berikut :

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1 class="kapital">dumet school.</h1>

</body>
</html>

Nah sekarang coba ketikan CSS internal seperti berikut :

<style>
.kapital {
    color:red;
   
}
</style>

Lalu save dan coba jalankan pada browser, maka hasilnya akan seperti berikut :

Nah sekarang coba tambahkan script text-transform pada script CSS-nya seperti berikut :

<style>

.kapital {
    color:red;
    text-transform: capitalize;
}
</style>

Nah jika sudah coba perhatikan perbedaannya, dan simpulkan sendiri fungsi dari properties yang satu ini, oke teman-teman selamat mencoba.

Sekian dulu artikel kali ini, semoga artikel Fungsi Properties Text-transform:capitalize pada CSS bermanfaat.

Terimakasih.