Properti style.textDecoration digunakan untuk menambahkan dekorasi untuk teks suatu elemen.
Sintaks:
obj.style.textDecoration: value;
Nilainya:
none
(default)
Bisa digunakan untuk mengembalikan teks yang sudah terkena dampak nilai lainnya.underline
Menambahkan dekorasi garis di bawah teks.overline
Menambahkan dekorasi garis di atas teks.line-through
Menambahkan dekorasi garis di tengah teks.blink
Menambahkan dekorasi kedap-kedip.inherit
Contoh:
<HTML>
<HEAD>
<TITLE>style.textDecoration</TITLE>
<SCRIPT TYPE="text/javascript">
function changeDecoration()
{
document.getElementById("myp").style.textDecoration = "line-through";
}
</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="changeDecoration()">Change Decoration!</BUTTON>
</BODY>
</HTML>