Halo teman – teman semuanya berjumpa kembali di website tips dan trik Dumet School, pada kesempatan kali ini saya akan memberikan tips dan trik tentang Macam – macam fungsi text decoration pada CSS 3 dimana kita akan mengetahui apa saja yang ada pada text-decoration. Teman – teman yang saat ini sedang dalam belajar html dan css 3 silahkan ikuti tips dan trik di website ini.

Tag html yang mempunyai text-decoration secara default adalah tag <a>, dengan mengetikkan tag <a> pada tampilan di browser sudah ada underline nya. Tentu underline ada di dalam satuan text-decoration. Nah di bawah ini beberapa Macam – macam fungsi text decoration pada CSS 3

text-decoration

Hasil nya di bawah ini

Lalu kita berikan text-decoration nya

Maka hasilnya seperti gambar di bawah ini

Kemudian kita tambahkan text-decoration-color berguna untuk memberikan warna pada text-decorationnya

Maka text-decoration akan diberikan warna dengan menggunakan text-decoration-color

Untuk text-decoration-line fungsi nya sama dengan text-decoration namun dengan menggunakan text-decoration-line text decoration-stylebih spesifik saja penamaannya dan type juga sama ada none, underline, overline, line-through. Dan yang terakhir ada text-decoration-style yang mempunyai beberapa fungsi diantaranya ada solid, double, dotted, dashed, wavy seperti fitur yang ada di border. Dan kita tambahkan pada setiap css nya

Maka hasilnya seperti gambar di bawah ini

Itulah beberapa macam-macam text-decoration yang ada pada css 3, semoga menambah pengetahuan tentang html dan css untuk teman – teman yang khususnya sedang mempelajari html dan css. Sekian pada tips kali ini tentang Macam – macam fungsi text decoration pada CSS 3 kita berjumpa kembali pada tips dan trik yang akan datang. Tentunya di website tips dan trik Dumet School, terimakasih dan sampai jumpa.