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>