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

Di panduan kali ini sahabat akan belajar bagaimana cara mengubah warna garis bawah di suatu kata atau kalimat.

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

Sintak standart nya ialah seperti ini :

Text-decoration-color :<color>

 

Misal saya ingin mengubah garis bawah di tulisan berikut tulisan :

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

karenanya 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;
}

karenanya hasilnya seperti ini :

 

Oke seperti itulah sebuah property bagi mengubah warna underline atau overline. Semoga bermanfaat hingga bertemu di artikel berikutnya.

Sumber https://kursuswebsite.org