⌘K

Properti text-decoration

Properti text-decoration menambahkan berbagai efek pada teks: garis bawah, coretan, garis di atas.

Sintaksis

cssselector {
  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

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: underline;
}

Результат:

Contoh . Nilai line-through

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: line-through;
}

Результат:

Contoh . Nilai overline

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: overline;
}

Результат:

Lihat juga

BackProperti text-alignNextProperti text-decoration-line