คุณสมบัติ Style fontWeight

การใช้งานและการประกาศ

fontWeight ตั้งค่าหรือส่งกลับความหนาของตัวอักษรในข้อความ

ดูเพิ่มเติม

ตัวอย่าง CSSCSS ตัวอักษร

คู่มือ CSSคุณสมบัติ font-weight

คู่มือ HTML DOMคุณสมบัติ font

ตัวอย่าง

ตัวอย่าง 1

ตั้งค่าความหนาของตัวอักษรของ <p> อิเล็มนต์เป็น "900"：

document.getElementById("myP").style.fontWeight = "900";

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

ตัวอย่าง 2

การแสดงของค่าที่เป็นไปได้

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontWeight = listValue;

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

ตัวอย่าง 3

ส่งกลับความหนาของตัวอักษรของ <p> อิเล็มนต์：

alert(document.getElementById("myP").style.fontWeight);

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

ศัพท์

ส่งกลับคุณสมบัติ fontWeight：

object.style.fontWeight

ตั้งค่าคุณสมบัติ fontWeight：

object.style.fontWeight = "normal|lighter|bold|bolder|value|initial|inherit"

ค่าคุณสมบัติ

ค่า รายละเอียด
normal ตัวอักษรปกติ ค่าเริ่มต้น
lighter ตัวอักษรบางขึ้น
bold ตัวอักษรหนา
bolder ตัวอักษรหนาขึ้น
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900

กำหนดตัวอักษรจากแบบย่อยถึงแบบหนา

400 ตรงกันข้ามกับ normal 700 ตรงกันข้ามกับ bold
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial。
inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของเขา โปรดดู inherit。

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

ค่าเริ่มต้น： normal
ค่าที่ส่งกลับมา： ค่าข้อความ แบบตัวอักษรสั้น แสดงความยาวของตัวอักษร
เวอร์ชั่น CSS： CSS1

โปรแกรมนำทาง

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน