Contoh
Mengatur dekorasi teks untuk <h1>, <h2>, dan <h3> elemen:
h1 {
text-decoration: overline;
}
h2 {
text-decoration: line-through;
}
h3 {
text-decoration: underline;
}
Cobalah sendiri " Definisi dan Penggunaan
Properti text-decoration menentukan dekorasi ditambahkan ke teks.
Note: Dalam CSS3, properti text-decoration adalah properti singkatan untuk text-decoration-line , text-decoration-warna , dan text-decoration-gaya , tapi ini saat ini tidak didukung dalam salah satu browser utama.
Note: Dalam CSS3 Anda dapat menggunakan text-decoration-warna properti untuk mengubah warna dekorasi, jika warnanya sama dengan warna teks.
| nilai default: | none |
|---|---|
| mewarisi: | no |
| animatable: | no, see individual properties . Read about animatable |
| Versi: | CSS1, renewed in CSS3 |
| sintaks JavaScript: | object .style.textDecoration="underline" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| text-decoration | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
CSS Syntax
text-decoration: none|underline|overline|line-through|initial|inherit;Nilai properti
| Nilai | Deskripsi | Mainkan |
|---|---|---|
| none | Mendefinisikan teks normal. Ini adalah default | Mainkan " |
| underline | Mendefinisikan garis bawah teks | Mainkan " |
| overline | Mendefinisikan garis di atas teks | Mainkan " |
| line-through | Mendefinisikan garis 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: textDecoration property