Thursday, December 6, 2012

style.textTransform

Properti style.textTransform digunakan untuk mengontrol efek capitalization dari teks suatu elemen.

Sintaks:

obj.style.textTransform: value;

Nilainya:

  • none (default)
  • capitalize
    Huruf diurutan pertama dari setiap kata menjadi huruf besar.
  • uppercase
    Semua huruf menjadi huruf besar.
  • lowercase
    Semua huruf menjadi huruf kecil.
  • inherit

Contoh:

<HTML> <HEAD> <TITLE>style.textTransform</TITLE> <SCRIPT TYPE="text/javascript"> function changeTransform() { document.getElementById("myp").style.textTransform = "uppercase"; } </SCRIPT> </HEAD> <BODY> <P ID="myp">Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum... Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum... Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum... Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum... Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...</P> <BUTTON TYPE="button" ONCLICK="changeTransform()">Change Transform!</BUTTON> </BODY> </HTML>