Properti style.fontVariant digunakan untuk menetapkan font agar ditampilkan normal atau small-caps.
Sintaks:
obj.style.fontVariant: value;
Nilainya:
normal(default)small-caps
Font ditampilkan dengan huruf besar, untuk huruf besar yang dituliskan di sumber kode akan ditampilkan lebih tinggi hurufnya dibanding dengan huruf kecil yang dituliskan di sumber kode.inherit
Contoh:
<HTML>
<HEAD>
<TITLE>style.fontVariant</TITLE>
<SCRIPT TYPE="text/javascript">
function changeVariant()
{
document.getElementById("myp").style.fontVariant = "small-caps";
}
</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="changeVariant()">Change Variant!</BUTTON>
</BODY>
</HTML>
