สไตล์แบบอักษรทรัพย์สิน ของครอบครัว
ตัวอย่าง
ตั้งค่าแบบอักษรสำหรับองค์ประกอบ:
document.getElementById("demo").style.fontFamily = "Impact,Charcoal,sans-serif";
ความหมายและการใช้งาน
คุณสมบัติ fontFamily ตั้งค่าหรือส่งคืนรายชื่อฟอนต์ตระกูลและ/หรือชื่อตระกูลทั่วไปสำหรับข้อความในองค์ประกอบ
เบราว์เซอร์จะใช้ค่าแรกที่รู้จัก
ค่าชุดแบบอักษรมีสองประเภท:
- font-family: ชื่อของ font-family เช่น "verdana" หรือ "arial"
- generic-family: ชื่อของ font-family ทั่วไป เช่น "serif" หรือ "sans-serif"
เคล็ดลับ:ระบุชื่อสกุลทั่วไปเป็นทางเลือกสุดท้ายเสมอ!
หมายเหตุ:คั่นแต่ละค่าด้วยเครื่องหมายจุลภาค
หมายเหตุ:หากชื่อฟอนต์มีช่องว่าง จะต้องยกมา
เคล็ดลับ:ดูที่แบบอักษรที่ปลอดภัย สำหรับเว็บสำหรับชุดแบบอักษรที่ใช้กันทั่วไป
รองรับเบราว์เซอร์
Property | |||||
---|---|---|---|---|---|
fontFamily | Yes | Yes | Yes | Yes | Yes |
ไวยากรณ์
ส่งคืนคุณสมบัติ fontFamily:
object.style.fontFamily
ตั้งค่าคุณสมบัติ fontFamily:
object.style.fontFamily = "font1, font2, etc.|initial|inherit"
มูลค่าทรัพย์สิน
Value | Description |
---|---|
font1, font2, etc. | A comma-separated list of font-family names and/or generic-family names |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
รายละเอียดทางเทคนิค
ค่าเริ่มต้น: | ไม่ระบุ |
---|---|
คืนมูลค่า: | สตริง แทนชื่อแบบอักษรของข้อความในองค์ประกอบ |
เวอร์ชัน CSS | CSS1 |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
การสาธิตค่าที่เป็นไปได้:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("demo").style.fontFamily = listValue;
ตัวอย่าง
ส่งคืนแบบอักษรขององค์ประกอบ:
alert(document.getElementById("demo").style.fontFamily);
หน้าที่เกี่ยวข้อง
กวดวิชา CSS: แบบอักษร CSS
การอ้างอิง CSS: คุณสมบัติตระกูลฟอนต์
การอ้างอิง HTML DOM: คุณสมบัติแบบอักษร
❮ สไตล์วัตถุ