Hallo teman-teman, kali ini kita akan belajar mengenai fungsi text-decoration pada CSS. Text-decoration adalah salah satu perinta yang ada di CSS. Gunanya adalah untuk memberikan efek garis pada text. Misalnya pada salah satu paragraf yang ada pada file HTML kalian ingin diberikan efek garis bawah kalian bisa gunakan perintah text-decoration. Namun text-decoration tidak hanya bisa memberikan efek garis bawah saja, ada beberapa nilai text-decoration yang bisa kalian manfaatkan . Untuk mengetahui lebih lanjut kalian bisa ikuti beberapa langkah dibawah ini. Pertama kalian buat file HTMLnya seperti code berikut ini.

index.html

Setelah selesai kalian simpan filenya dan lihat hasilnya pada browser kalian. Jika berhasil maka tampilanya akan seperti ini.

Jadi untuk text-decoration ini terdapat 4 nilai, yang pertama adalah overline untuk memberikan efek garis pada atas kalimat. Yang kedua adalah line-through untuk efek garis mencoret kalimat. Yang ketiga adalah underline untuk efek garis bawah pada kalimat. Dan yang terakhir adalah none untuk tidak memberikan efek garis pada kalimat. Biasanya digunakan untuk menghilangkan garis bawah pada tag <a href> karena bawaan tag tersebut adalah underline.

Sekian pembahasan mengenai fungsi text-decoration pada CSS. Semoga bermanfaat.