Properti text-decoration-style CSS

Definisi dan Penggunaan

Properti text-decoration-style menetapkan jenis dekori teks (garis tebal, gelombang, titik, pipa, ganda).

Petunjuk:Juga lihat: Properti text-decoration، ini adalah properti singkat dari tiga properti ini:

  • text-decoration-line
  • text-decoration-style
  • text-decoration-color

Juga lihat:

Pelajaran CSSTeks CSS

Panduan HTML DOMtextDecorationStyle Properti

Contoh

Atur gaya text-decoration yang berbeda:

div.a {
  text-decoration-line: underline;
  text-decoration-style: solid;
}
div.b {
  text-decoration-line: underline;
  text-decoration-style: wavy;
}
div.c {
  text-decoration-line: underline;
  text-decoration-style: double;
}
div.d {
  text-decoration-line: overline underline;
  text-decoration-style: wavy;
}

Coba Sendiri

Sintaksis CSS

text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;

Nilai Properti

Nilai Deskripsi
solid Nilai Default. Garis menunjukkan garis tunggal.
double Garis menunjukkan garis ganda.
dotted Garis menunjukkan garis titik.
dashed Garis menunjukkan garis pipa.
wavy Garis menunjukkan garis gelombang.
initial Atur properti ini ke nilai default. Lihat initial。
inherit Mewarisi properti ini dari elemen orang tua. Lihat inherit。

Detil Teknologi

Nilai Default: solid
Mewarisi: Tidak
Pembuatan animasi: Tidak didukung. Lihat:Properti yang berhubungan dengan animasi。
Versi: CSS3
Sintaksis JavaScript: object.style.textDecorationStyle="wavy"

Dukungan Browser

Angka dalam tabel menunjukkan versi pertama browser yang mendukung properti ini penuhnya.

Angka yang diawali dengan -moz- menunjukkan versi pertama yang menggunakan prefiks.

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 36.0
6.0 -moz-		 12.1 44.0