Fungsi text-decoration-color (Property CSS)

BERANDA > FUNGSI DAN KEGUNAAN PROPERTI CSS > Fungsi text-decoration-color (Property CSS)


A. Pengenalan text-decoration-color (Property CSS)


CSS text-decoration-color merupakan properti yang digunakan untuk memberikan warna pada text-decoration yang dibuat.

B. Contoh Penggunaan text-decoration-color (Property CSS)


• Penggunaan text-decoration-color

Contoh:


<style>

.kelas {
text-decoration: overline;
text-decoration-color: blue;
}

</style>

<div class="kelas">Contoh kalimat yang diberi text decoration dengan warna biru.</div>


Hasil:


Contoh kalimat yang diberi text decoration dengan warna biru.


C. Contoh Penerapan text-decoration


• Contoh Nomor 1


<p style="text-decoration: line-through;text-decoration-color: red;">Kalimat dicoret dengan warna merah.</p>


Hasil:

Kalimat dicoret dengan warna merah.


• Contoh Nomor 2


<style>

.KodeKelas {
text-decoration: underline; text-decoration-color: green;
}

</style>

<div class="KodeKelas">Garis bawah kalimat dengan warna hijau.</div>


Hasil:


Garis bawah kalimat dengan warna hijau.


• Contoh Nomor 3


<style>

#UntukID {
text-decoration: overline underline;
text-decoration-color: yellow;
}

</style>

<div id="UntukID">Garis atas dan bawah dengan warna kuning.</div>


Hasil:


Garis atas dan bawah dengan warna kuning.

Tidak ada komentar:

Posting Komentar

Jangan lupa memberikan saran dan laporan bila terdapat sesuatu yang ingin kamu sampaikan.

Gunakan kata - kata yang sopan untuk mengomentar dan mengkritik.

Katakan bila ingin ada materi atau pembahasan yang ingin ditambahkan atau yang kurang lengkap.