Thursday, December 6, 2012

style.textDecoration

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>