Fungsi Properties Text-transform:capitalize pada CSS
Hallo teman-teman, balik lagi di panduan Source Code Aplikasi, di pembahasan kali ini saya akan membahas mengenai kegunaan dari properties text-transform:capitalize di CSS.
Text-transform dalah diantara kegunaan yang berfungsi bagi menentukan pemakaian karakteristik sebuah teks, bagi pemakaian huruf besar, huruf kecil, atau tak sama sekali, meskipun jarang di gunakan, namun ada baiknya kita tahu mengenai kegunaan properties yang satu ini.
Nah bagi properties text-transform itu sendiri ada 3 nilai, yaitu:
- uppercase
- lowercase
- capitalize
Nah bagi pembahasan kali ini kita akan coba praktekan kegunaan dari capitalize.
Coba silahkan teman-teman bikin sebuah file dan ketikan script berikut :
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1 class=kapital>Source Code Aplikasi.</h1>
</body>
</html>
Nah kini coba ketikan CSS internal seperti berikut :
<style>
.kapital {
color:red;
}
</style>
Lalu save dan coba jalankan di browser, karenanya hasilnya akan seperti berikut :
Nah kini coba tambahkan script text-transform di script CSS-nya seperti berikut :
<style>
.kapital {
color:red;
text-transform: capitalize;
}
</style>
Nah bila telah coba perhatikan perbedaannya, dan simpulkan sendiri kegunaan dari properties yang satu ini, oke teman-teman selamat mencoba.
Sekianlah dulu artikel kali ini, semoga artikel Kegunaan Properties Text-transform:capitalize di CSS bermanfaat.
Terimakasih.
Sumber https://kursuswebsite.org