Contoh
Tampilan <p> elemen dengan garis di atas:
p
{
-moz-text-decoration-line: overline; /* Code for Firefox */
text-decoration-line: overline;
}
Cobalah sendiri " Definisi dan Penggunaan
Properti text-decoration-line menentukan apa jenis garis, jika ada, dekorasi akan memiliki.
Catatan: Anda juga dapat mengatur text-decoration-line menggunakan properti text-decoration, yang merupakan properti tangan pendek untuk text-decoration-line, text-decoration-gaya, dan properti text-decoration-warna.
Catatan: Anda juga dapat menggabungkan lebih dari satu nilai, seperti garis bawah dan overline untuk menampilkan garis kedua di bawah dan atas teks.
| nilai default: | none |
|---|---|
| mewarisi: | no |
| animatable: | no. Read about animatable |
| Versi: | CSS3 |
| sintaks JavaScript: | object .style.textDecorationLine="overline" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Nomor diikuti oleh moz menentukan versi pertama yang bekerja dengan awalan.
| Milik | |||||
|---|---|---|---|---|---|
| text-decoration-line | Tidak didukung | Tidak didukung | 6.0 moz | Tidak didukung | Tidak didukung |
CSS Syntax
text-decoration-line: none|underline|overline|line-through|initial|inherit;Nilai properti
| Nilai | Deskripsi | Mainkan |
|---|---|---|
| none | nilai default. Menentukan ada garis untuk text-decoration | Mainkan " |
| underline | Menentukan bahwa garis akan ditampilkan di bawah teks | Mainkan " |
| overline | Menentukan bahwa garis akan ditampilkan atas teks | Mainkan " |
| line-through | Menentukan bahwa garis akan ditampilkan melalui teks | Mainkan " |
| initial | Set properti ini ke nilai default. Baca tentang awal | Mainkan " |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Pages terkait
CSS tutorial: CSS Text
Referensi HTML DOM: textDecorationLine property