Atribut text-decoration CSS

Definisi dan penggunaan

Atribut text-decoration menentukan penyesuaian yang ditambahkan ke teks.

Komentar:Warna penyesuaian teks disetel melalui atribut "color".

Keterangan

Atribut ini memungkinkan menyetel efek teks, seperti menambahkan garis bawah. Jika elemen turunannya tidak memiliki penyesuaian sendiri, penyesuaian yang disetel di elemen nenek moyang akan 'meluas' ke elemen turunannya. Tidak memerlukan dukungan user agent untuk blink.

Lihat juga:

Panduan CSS:Teks CSS

Panduan HTML DOM:Atribut textDecoration

Contoh

Atur penyesuaian teks elemen h1, h2, h3, h4:

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}

Coba sendiri

Sintaksu CSS

text-decoration: text-decoration-line text-decoration-color text-decoration-style text-decoration-thickness|initial|inherit;

Nilai atribut

Nilai Deskripsi
text-decoration-line Atur jenis penyesuaian teks yang digunakan (seperti garis bawah, garis atas, garis putus).
text-decoration-color Atur warna penyesuaian teks.
text-decoration-style Atur gaya penyesuaian teks (seperti tebal, gelombang, titik-garis, garis terbuka, garis ganda).
text-decoration-thickness Atur ketebalan garis penyesuaian teks.
initial Atur atribut ini ke nilai standar. Lihat initial.
inherit Mengambil atribut ini dari elemen orangtua. Lihat inherit.

Detil teknis

Nilai standar: none
Inheritsi: no
Versi: CSS1
Sintaksu JavaScript: object.style.textDecoration="overline"

Beberapa contoh lainnya

Penyesuaian teks
Contoh ini menunjukkan bagaimana menambahkan penyesuaian teks.

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuh.

Chrome IE / Edge Firefox Safari Opera
1.0 3.0 1.0 1.0 3.5