Fungsi text-decoration (Property CSS)

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


A. Pengenalan text-decoration (Property CSS)


CSS text-decoration merupakan properti yang digunakan untuk menambahkan dekorasi garis bawah, atas, atau coret.

B. Contoh Penggunaan text-decoration (Property CSS)


• Penggunaan text-decoration

Contoh:


<style>

.kelas {
text-decoration: overline;
}

</style>

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


Hasil:


Contoh kalimat yang diberi text decoration.


C. Contoh Penerapan text-decoration


• Contoh Nomor 1


<p style="text-decoration: line-through;">Kalimat dicoret.</p>


Hasil:

Kalimat dicoret.


• Contoh Nomor 2


<style>

.KodeKelas {
text-decoration: underline;
}

</style>

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


Hasil:


Garis bawah kalimat.


• Contoh Nomor 3


<style>

#UntukID {
text-decoration: overline underline;
}

</style>

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


Hasil:


Garis atas dan bawah.

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.