Fungsi font-weight (Property CSS)

BERANDA > FUNGSI DAN KEGUNAAN PROPERTI CSS > Fungsi font-weight (Property CSS)


A. Pengenalan font-weight (Property CSS)


CSS font-weight merupakan properti yang digunakan untuk mengubah ketebalan dari sebuah huruf.

B. Contoh Penggunaan font-weight (Property CSS)


• Penggunaan font-weight

Contoh:


<style>

.huruf {
font-weight: bold;
}

</style>

<div class="huruf">Contoh kata tebal.</div>


Hasil:


Contoh kata tebal.

Keterangan: digunakan untuk menebalkan sebuah huruf dari tipis.

C. Contoh Penerapan font-weight


• Contoh Nomor 1


<p style="font-weight:normal;">Nilai default atau dasar.</p>


Hasil:

Nilai default atau dasar.


• Contoh Nomor 2


<p style="font-weight:lighter;">Lebih tipis dari normal.</p>


Hasil:

Lebih tipis dari normal.

Keterangan: hampir tidak memiliki perbedaan antara lighter dan normal.

• Contoh Nomor 3


<span style="font-weight:bolder;">Lebih tebal dari tebal.</span>


Hasil:


Lebih tebal dari tebal.

Keterangan: hampir tidak memiliki perbedaan antara bold dan bolder.

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.