CSS - berat font

Deskripsi

Properti font-weight mengubah bobot visual karakter dalam sebuah elemen.

Nilai yang Mungkin

  • 100, 200, 300, 400, 500, 600, 700, 800 and 900- Mendefinisikan dari karakter tipis hingga tebal. 400 sama dengan normal, dan 700 sama dengan tebal.

  • normal- Default. Mendefinisikan karakter normal dan setara dengan nilai 400.

  • bold - Setara dengan nilai 700.

  • bolder - Karakter font untuk elemen harus lebih berat daripada elemen induk.

  • lighter - Karakter font untuk elemen harus lebih ringan dari pada elemen induk.

Berlaku untuk

Semua elemen HTML.

Sintaks DOM

object.style.fontWeight = "900";

Contoh

Berikut adalah contoh menggunakan properti ini -

<html>
   <head>
   </head>

   <body>
      <p style = "font-weight:bold;">
         This font is bold.
      </p>
      
      <p style = "font-weight:bolder;">
         This font is bolder.
      </p>
      
      <p style = "font-weight:500;">
         This font is 500 weight.
      </p>
   </body>
</html>

Ini akan menghasilkan hasil sebagai berikut -


Language