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

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.