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

Gunakan kata - kata yang sopan untuk mengomentar dan mengkritik.

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

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