Properti text-decoration
Properti text-decoration menambahkan
berbagai efek pada teks: garis bawah,
coretan, garis di atas.
Sintaksis
selector {
text-decoration: underline | line-through | overline | none;
}
Nilai
| Nilai | Deskripsi |
|---|---|
underline |
Membuat teks bergaris bawah. |
line-through |
Membuat teks tercoret. |
overline |
Membuat garis di atas teks. |
none |
Membatalkan garis bawah pada elemen yang digarisbawahi. Paling sering digunakan untuk tautan, karena secara default tautan bergaris bawah. |
Nilai default: none. Untuk tautan
nilai default: underline.
Contoh . Nilai underline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: underline;
}
:
Contoh . Nilai line-through
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: line-through;
}
:
Contoh . Nilai overline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: overline;
}
:
Lihat juga
-
properti
text-decoration-style,
yang memungkinkan mengubah jenis garis -
properti
text-decoration-color,
yang memungkinkan mengubah warna garis -
properti
text-decoration-line,
yang memungkinkan mengubah posisi garis