Contoh
Tampilan paragraf dengan garis di atas:
document.getElementById("myP").style.textDecorationLine = "overline";
Cobalah sendiri " Definisi dan Penggunaan
The textDecorationLine set properti atau kembali apa jenis garis, jika ada, dekorasi akan memiliki.
Catatan: Anda juga dapat mengatur textDecorationLine menggunakan properti textDecoration, yang merupakan properti tangan pendek untuk textDecorationLine, textDecorationStyle, dan sifat textDecorationColor.
Catatan: Anda juga dapat menggabungkan lebih dari satu nilai, seperti garis bawah dan overline untuk menampilkan baris kedua di bawah dan atas teks.
Dukungan Browser
Properti textDecorationLine tidak didukung dalam salah satu browser utama.
Firefox mendukung alternatif, properti MozTextDecorationLine.
Sintaksis
Kembali properti textDecorationLine:
object .style.textDecorationLine Mengatur properti textDecorationLine:
object .style.textDecorationLine="none|underline|overline|line-through|initial|inherit"
Nilai properti
| Nilai | Deskripsi |
|---|---|
| none | nilai default. Menentukan ada garis untuk text-decoration |
| underline | Menentukan bahwa garis akan ditampilkan di bawah teks |
| overline | Menentukan bahwa garis akan ditampilkan atas teks |
| line-through | Menentukan bahwa garis akan ditampilkan melalui teks |
| initial | Set properti ini ke nilai default. Baca tentang awal |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Rincian teknis
| Nilai default: | tak satupun |
|---|---|
| Kembali Nilai: | Sebuah String, yang mewakili properti text-decoration-garis unsur |
| CSS Versi | CSS3 |
Pages terkait
Referensi CSS: text-decoration-line property
<Style Object