Hai­­ teman-teman, kembali lagi di kursuswebdesign.com. Kali ini saya akan memperkenalkan tentang salah satu property yang ada di css. Dimana property ini akan membantu kita ketika ingin membuat sebuah tulisan yang rapih dalam segi besar kecilnya huruf dengan Mengatur Kapitalisasi Karakter Menggunakan Text Transform.

Oke langsung saja ya kita buat contoh struktur htmlnya. Disini saya akan ambil studi case membuat portal berita, karena property ini akan sangat bermanfaat sekali untuk menuliskan setiap judul yang kita posting di website portal berita.

Nah setelah selesai kita  buat style cssnya untuk membuat judul tulisan pada website portal berita ini rapi dengan cara Mengatur Kapitalisasi Karakter Menggunakan Text Transform. Berikut script cssnya ya teman-teman.

Nah, maka setiap judul yang kita berikan value uppercase dan capitalize di property text transform pada cssnya akan akan tampil seperti pada gambar di bawah ini.

Mengatur Kapitalisasi Karakter Menggunakan Text Transform

Untuk value dari property text transform tidak hanya uppercase dan capitalize saja, tetapi ada 6 value, yaitu:

  • None  = Tidak ada kapitalisasi, teks tertulis seperti apa adanya atau default·
  • Capitalize = Mengubah karakter atau huruf pertama setiap kata menjadi huruf besar·
  • Uppercase = Mengubah semua karakter atau huruf ke huruf besar·
  • Lowercase = Mengubah semua karakter atau huruf ke huruf kecil·
  • Initial = Mensetting semua karakter ini ke nilai defaultnya·         Inherit = Mewarisi properti ini dari elemen induknya

Demikian artikel tentang cara Mengatur Kapitalisasi Karakter Menggunakan Text Transform. Semoga bermanfaat dan selamat mencoba ya teman-teman.