Penulisan sintak
text-decoration: value;
Value
none : nilai default, tidak memberikan efek apapun.
underline : memberi garis bawah pada teks.
overline : memberi garis di atas teks.
line-through : memberi coretan pada teks.
Kombinasi value
Anda dapat memberi nilai value dari satu. Contohnya menggabung underline dengan overline, line-through dan overline ata kombinasi lainnya.
Contoh: textdecor.html
<!DOCTYPE HTML>
<html>
<head>
<title>Properti text-decoration css</title>
<style type="text/css">
p.none{text-decoration:none;}
p.underline{text-decoration:underline;}
p.overline{text-decoration:overline;}
p.linethrough{text-decoration:line-through;}
p.underover{text-decoration:underline overline;}
p.lineover{text-decoration:line-through overline;}
</style>
</head>
<body>
<p class="none">Value none. Tidak memberikan efek apapun, nilai default.</p>
<p class="underline">Underline</p>
<p class="overline">Overline</p>
<p class="linethrough">Linethrough</p>
<p class="underover">Underline dan Overline</p>
<p class="lineover">Line-through Overline</p>
</body>
</html>
Tampilan di browser:
 |
| Tampilan di Firefox. |
Referensi tulisan:
- text-decoration css; ditulis oleh: Kontributor MDN, developer.mozilla.org, diakses 29 Maret 2015.
About MDN by Mozilla Contributors is licensed under CC-BY-SA 2.5.
Tidak ada komentar:
Posting Komentar