Text transformation pada CSS
Untuk mengubah besar/kecilnya huruf yang digunakan bisa juga melalui CSS lewat properti text-transformation
text-transformation
pada CSS adalah properti yang digunakan untuk mengatur besar-kecilnya huruf pada sebuah text HTML
Contoh menggunakan text-transformation
<p style="text-transform: uppercase;">
Text dengan uppercase
</p>
<p style="text-transform: lowercase;">
Text dengan lowercase
</p>
<p style="text-transform: capitalize;">
Text dengan Capitalize
</p>
Hasil:
Text dengan uppercase
Text dengan lowercase
Text dengan Capitalize
Penjelasan
- Uppercase: mengubah semua text menjadi huruf besar
- lowercase: mengubah semua text menjadi huruf kecil
- Capitalize: mengubah huruf pertama dari text menjadi kapital