Mengubah Warna Garis Bawah / Atas dengan Menggunakan Text-Decoration-Color

Pada tutorial kali ini anda akan belajar bagaimana cara mengubah warna garis bawah pada suatu kata atau kalimat.

Nilai default sebuah properties Text-Decoration-Color adalah sesuai color yang di berikan pada text-decoration-underline, Nah yang jadi soal artikel kita kali ini “bagaimana cara mengubah warna garis bawah tanpa mengubah warna pada kalimatnya juga”.

Sintak standart nya adalah seperti ini :

Text-decoration-color :<color>

Misal saya ingin mengubah garis bawah pada tulisan berikut tulisan :

<h2>This title has pink under and over lines</h2>

maka CSS nya seperti ini :

h2 {
  -moz-text-decoration-line: underline overline;
  text-decoration-line: underline overline;
  -moz-text-decoration-color: hotpink;
  text-decoration-color: hotpink;
}

maka hasilnya seperti ini :

Oke itulah sebuah property untuk mengubah warna underline atau overline. Semoga bermanfaat sampai bertemu pada artikel selanjutnya.