Atribut font-weight CSS

Definisi dan penggunaan

Atribut font-weight menetapkan ketebalan teks.

Keterangan

Atribut ini digunakan untuk menetapkan font-weight yang digunakan dalam teks elemen yang ditampilkan. Nilai angka 400 setara dengan kata kunci normal, sementara 700 setara dengan bold. Setiap nilai angka yang digunakan untuk font-weight harus setidaknya sejauhnya dengan nilai angka yang lebih kecil dan setidaknya sejauhnya dengan nilai angka yang lebih besar.

Lihat pula:

Panduan CSS:Font CSS

Panduan CSS:Atribut font CSS

Panduan HTML DOM:Atribut fontWeight

Contoh

Pengaturan ketebalan huruf tiga paragraf:

p.normal {font-weight:normal;}
p.tebal {font-weight:bold;}
p.tebal {font-weight:900;}

Coba sendiri

Sintaksu CSS

font-weight: normal|bold|bolder|lighter|number|initial|inherit;

Nilai atribut

Nilai Deskripsi
normal Nilai standar. Definisi karakter standar.
bold Definisi karakter bold.
bolder Definisi karakter yang lebih tebal.
lighter Definisi karakter yang lebih tipis.
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
Definisi karakter dari tebal ke tipis. 400 setara dengan normal, sementara 700 setara dengan bold.
inherit Aturan harus menerima ketebalan huruf dari elemen induk.

Detil teknis

Nilai standar: normal
Inheritsi: ya
Versi: CSS1
Sintaksu JavaScript: objek.style.fontWeight="900"

TIY Contoh

Pengaturan ketebalan huruf
Contoh ini menunjukkan bagaimana mengatur ketebalan huruf.

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung atribut ini penuh.

Chrome IE / Edge Firefox Safari Opera
2.0 4.0 1.0 1.3 3.5