CSS text-decoration property dapat dipergunakan pada semua elemen html teks. Fungsi properti css ini untuk membuat dekorasi teks. Sekalipun pada umumnya hanya digunakan pada teks link, namun sebenarnya css text-decoration dapat digunakan pada semua teks, baik berupa teks link ataupun teks biasa. Ada beberapa nilai teks-decoration property tetapi yang paling sering digunakan adalah "
underline" (lebih banyak diaplikasikan pada teks link). Bentuknya berupa sebuah garis lurus mendatar (horizontal) tepat di bawah teks.
| text-decoration: | Keterangan | Hasil |
|---|
| Underline | Menciptakan efek garis bawah pada teks. | Wawan |
| Overline | Menciptakan efek garis di atas teks. | Wawan |
| line-through | Menciptakan efek coret pada teks. | Wawan |
| Blink | Menciptakan efek berkedip pada teks. | Wawan |
| None | Menetralkan/menghilangkan dekorasi yang telah ada. | Wawan |
Contoh Penerapan Css Text-Decoration Property.Text-Decoration :
Underline.<span style="text-decoration:underline;">text-decoration:underline</span>
Text-Decoration :
Overline.<span style="text-decoration:overline;">text-decoration:overline</span>
Text-Decoration :
Line-through.<span style="text-decoration:line-through;">text-decoration:line-through</span>
Text-Decoration :
Blink.<span style="text-decoration:blink;">text-decoration:Blink</span>
Text-Decoration :
None. <span style="text-decoration:none;">text-decoration:underline</span>
