Merubah Warna Garis Bawah / Atas Dengan Menggunakan Text-Decoration-Color

Pada tutorial kali ini anda akan belajar bagaimana cara merubah 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 merubah warna garis bawah tanpa merubah warna pada kalimatnya juga”.

Sintak standart nya adalah seperti ini :

Text-decoration-color :<color>

Misal saya iangin merubah 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 merubah warna underline atau overline. Semoga bermanfaat sampai bertemu pada artikel selanjutnya.

The post Merubah Warna Garis Bawah / Atas Dengan Menggunakan Text-Decoration-Color appeared first on Kursus Website Terbaik.