CSS text-decoration Property

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.

css text-decoration property

  • inherit tekxt-decoration yang berdasarkan penggunaan tekxt-decoration di elemen induk (jarang digunakan).
  • none Meniadakan text-decoration (normal text - tanpa text-decoration)
  • overline Text-decoration berbentuk garis lurus horizontal di atas teks.
  • underline Text-decoration berbentuk garis lurus horizontal di bawah teks.
  • line-through Text-decoration berbentuk garis lurus horizontal memotong sepanjang teks tepat di tengah.
  • blink Dekorasi berupa teks berkedip. (Mozilla, Opera)

Contoh

text-decoration:underline
<span style="font:bold 22px Serif;text-decoration:underline;">text-decoration:underline</span>
text-decoration:overline
<span style="font:bold 22px Serif;text-decoration:underline;">text-decoration:overline</span>
text-decoration:line-through
<span style="font:bold 22px Serif;text-decoration:line-through;">text-decoration:line-through</span>
text-decoration:blink
<span style="font:bold 22px Serif;text-decoration:blink;">text-decoration:blink</span>
Dalam demo di bawah ini digunakan beberapa cursor sekaligus pada setiap elemen. Kode yang digunakan untuk menampilkan cursor image adalah kode css dan xHTML. Anda dapat melakukan berbagai percobaan thd penggunaan cursor sebelum memasangnya di blog!
Please click the button to display. Continue with editing code and click to see the results!

1 komentar:

  1. nice post. tanya gan gmn cara nampilin label di atas judul yg di beranda. sudah sy centang di blogger tp ttp kehidden. sy pengn seperti okezone.com. ini blognya arwanovski.blogspot.com. trims sblmna.

    BalasHapus

My ProfileC l o s e

FollowerC l o s e