Atribut text-decoration-line CSS

Definisi dan penggunaan

Properti text-decoration-line menentukan jenis dekorasi teks yang akan digunakan (garis bawah, garis atas, atau teks melintasi).

Pemberitahuan:Silakan lihat juga properti text-decoration, yang adalah properti singkatan untuk text-decoration-line, text-decoration-style, dan text-decoration-color.

Komentar:Anda juga dapat menggabungkan beberapa nilai, seperti underline dan overline, untuk menampilkan garis di atas dan di bawah teks secara bersamaan.

Lihat juga:

Panduan CSS:Teks CSS

Panduan HTML DOM:textDecorationLine Atribut

Contoh

Atur jenis garis text-decoration yang berbeda:

div.a {
  text-decoration-line: overline;
}
div.b {
  text-decoration-line: underline;
}
div.c {
  text-decoration-line: line-through;
}
div.d {
  text-decoration-line: overline underline;
}

Coba sendiri

Sintaks CSS

text-decoration-line: none|underline|overline|line-through|initial|inherit;

Nilai atribut

Nilai Deskripsi
none Nilai standar. Menentukan text-decoration tanpa garis.
underline Menentukan garis yang ditampilkan di bawah teks.
overline Menentukan garis yang ditampilkan di atas teks.
line-through Menentukan garis yang melintasi teks yang ditampilkan.
initial Menetapkan atribut ini ke nilai standarnya. Lihat initial.
inherit Mengambil atribut ini dari elemen orangtua. Lihat inherit.

Detil teknis

Nilai standar: none
Warisan: Tidak
Pembuatan animasi: Tidak didukung. Lihat:Atribut yang berhubungan dengan animasi.
Versi: CSS3
Sintaks JavaScript: object.style.textDecorationLine="overline"

Dukungan Browser

Angka dalam tabel menunjukkan versi browser pertama yang mendukung atribut ini sepenuhnya.

Angka yang mengandung -webkit- atau -moz- menunjukkan versi pertama yang menggunakan awalan.

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