CSS - transformasi teks

Deskripsi

Properti text-transform mengubah kapitalisasi teks dalam elemen, atau mengarahkan agen pengguna untuk membiarkan kapitalisasi "sebagaimana adanya".

Nilai yang Mungkin

  • capitalize - Huruf pertama dari setiap kata dalam teks elemen harus menggunakan huruf besar.

  • uppercase - Semua karakter dalam teks elemen harus huruf besar (huruf kapital).

  • lowercase - Semua karakter dalam teks elemen harus menggunakan huruf kecil.

  • none - Kapitalisasi teks elemen tidak boleh diubah.

Berlaku untuk

Semua elemen HTML.

Sintaks DOM

object.style.textTransform = "uppercase";

Contoh

Berikut adalah contoh yang menunjukkan cara menyetel kasus untuk teks menggunakan properti text-transform.

<html>
   <head>
   </head>

   <body>
      <p style = "text-transform:capitalize;">
         This will be capitalized
      </p>
      
      <p style = "text-transform:uppercase;">
         This will be in uppercase
      </p>
      
      <p style = "text-transform:lowercase;">
         This will be in lowercase
      </p>
   </body>
</html>

Ini akan menghasilkan hasil sebagai berikut -


Language