CSS font-weight

กำหนดและการใช้งาน

fontWeight กำหนดความหนาของข้อความ

คำอธิบาย

คุณสมบัตินี้ใช้เพื่อตั้งค่าความหนาของข้อความที่แสดงในองค์ประกอบที่แสดงข้อความ。ค่าเลข 400 เท่ากับคำสั่ง normal และ 700 เท่ากับ bold ค่าเลขที่แตกต่างกันต้องมีความหนามากกว่าค่าเลขที่เล็กที่สุด และมีความหนามากกว่าค่าเลขที่ใหญ่ที่สุด。

ดูเพิ่มเติมที่

คู่มือ CSS ฝึกสอนCSS ตัวอักษร

คู่มือ CSSCSS font

คู่มือ HTML DOM属性 fontWeight

ตัวอย่าง

ตั้งค่าความหนาของตัวอักษรของสามย่อง

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

ทดลองด้วยตัวเอง

ระบบการเขียน CSS

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

ค่าของอุปกรณ์

ค่า คำอธิบาย
normal ค่าเริ่มต้น
bold กำหนดตัวอักษรหนา
bolder กำหนดตัวอักษรที่แบบบันทึกจากหนาถึงบาง
lighter กำหนดตัวอักษรที่แบบบันทึกจากบางถึงหนา
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
 กำหนดตัวอักษรที่แบบบันทึกจากหนาถึงบาง
inherit กำหนดให้ตัวอักษรของตัวเลขมีความหนาตามต้นตายของตัวอักษรพ่อของเขา。

รายละเอียดเทคนิค

ค่าเริ่มต้น: normal
การสืบทอด: yes
เวอร์ชัน: CSS1
ระบบการเขียน JavaScript: object.style.fontWeight="900"

ตัวอย่าง TIY

ตั้งค่าความหนาของตัวอักษร
ตัวอย่างนี้แสดงว่าจะตั้งค่าความหนาของตัวอักษร。

การสนับสนุนโปรแกรมน่าเชื่อถือ

ตัวเลขในตารางบอกว่าเวอร์ชันบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。

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