ตัวอย่าง
น้ำหนักของตัวอักษรที่แตกต่างกันสำหรับสามย่อหน้า:
p.normal {
font-weight: normal;
}
p.thick {
font-weight: bold;
}
p.thicker {
font-weight: 900;
}
ลองตัวเอง» ความหมายและการใช้งาน
สถานที่ให้บริการ font-weight ชุดหนาหรือตัวอักษรบางในการแสดงข้อความ
ค่าเริ่มต้น: | normal |
---|---|
รับการถ่ายทอด: | yes |
Animatable: | yes. Read about animatable Try it |
เวอร์ชัน: | CSS1 |
ไวยากรณ์ javascript: | object .style.fontWeight="bold" Try it |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
คุณสมบัติ | |||||
---|---|---|---|---|---|
font-weight | 2.0 | 4.0 | 1.0 | 1.3 | 3.5 |
CSS ไวยากรณ์
font-weight: normal|bold|bolder|lighter|number|initial|inherit;
ค่าทรัพย์สิน
ความคุ้มค่า | ลักษณะ | เล่น |
---|---|---|
normal | กำหนดตัวอักษรปกติ นี้จะเริ่มต้น | เล่น " |
bold | กำหนดตัวอักษรหนา | เล่น " |
bolder | กำหนดตัวอักษรหนา | เล่น " |
lighter | กำหนดตัวอักษรที่มีน้ำหนักเบา | เล่น " |
100 200 300 400 500 600 700 800 900 | กำหนดจากบางตัวอักษรหนา 400 เป็นเช่นเดียวกับปกติและ 700 เป็นเช่นเดียวกับที่เป็นตัวหนา | เล่น " |
initial | การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น | เล่น " |
inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
หน้าเว็บที่เกี่ยวข้อง
กวดวิชา CSS: CSS ตัวอักษร
อ้างอิง CSS: font property
อ้างอิง HTML DOM: fontWeight property