Properti text-transform menentukan bagaimana kata-kata atau huruf individual ditampilkan dalam huruf kapital.

Dapat digunakan untuk menampilkan teks dalam huruf besar semua, huruf kecil semua, atau untuk menggunakan huruf besar (membuat huruf pertama dari setiap kata menjadi huruf besar).

Official Syntax:

 

Values:

none: Tidak ada efek yang diterapkan pada teks. Itu mencegah setiap perubahan pada kasus karakter.

capitalize: Mengonversi huruf pertama dari setiap kata menjadi huruf besar. Huruf-huruf lain dalam setiap kata tidak terpengaruh, mereka mempertahankan huruf aslinya (baik atas atau bawah) seperti yang ditulis dalam sumber teks elemen.

uppercase: Memaksa semua huruf menjadi huruf besar.

lowercase: Memaksa semua huruf menjadi huruf kecil.

full-width: Memaksa penulisan karakter, terutama ideogram dan skrip Latin di dalam bujur sangkar, memungkinkan mereka untuk disejajarkan dengan skrip Asia Timur yang biasa (seperti Cina atau Jepang).

Beberapa karakter ada dalam dua format, lebar normal dan lebar penuh, dengan titik kode Unicode berbeda. Versi lebar-penuh digunakan untuk mencampurnya dengan lancar dengan karakter ideografis Asia. Jika karakter tidak memiliki bentuk lebar penuh yang sesuai, dibiarkan apa adanya.

Catatan:

Properti text-transform bertumbukan, jadi Anda mungkin ingin atau perlu mengatur ulang nilainya (set ke none) pada elemen anak agar teks di dalam anak itu tidak terpengaruh oleh transformasi induknya.

Contoh:

Berikut ini memaksa semua elemen h1 untuk ditampilkan dalam huruf besar semua.