Style font คุณสมบัติ

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

font คุณสมบัตินี้สามารถตั้งค่า หรือคืนค่าในรูปแบบย่อ สำหรับคุณสมบัติตัวอักษรแปลงสีที่แยกต่างกันสูงสุดหกอย่าง

ผ่านคุณสมบัตินี้ คุณสามารถตั้งค่า/คืนค่าสิ่งที่นี้ (ตามลำดับนี้):

font-size และ font-family จำเป็น ถ้าขาดค่าใด ๆ ของค่าอื่น ๆ จะใส่ค่าปริยาย (ถ้ามี)

คุณสมบัติเหล่านี้ก็สามารถตั้งค่าด้วยการใช้แบบที่แยกต่างกันได้ แนะนำให้ผู้เขียนที่ไม่เป็นผู้เขียนระดับสูงใช้แบบแยกต่างกันเพื่อการควบคุมที่ดีขึ้น

ดูเพิ่มเติม:

ตัวอย่าง CSS:CSS ตัวอักษร

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

ตัวอย่าง

ตัวอย่าง 1

ตั้งค่าตัวอักษรของ <p>:

document.getElementById("myP").style.font = "italic bold 20px arial,serif";

ลองเดาะด้วยตัวเอง

ตัวอย่าง 2

คืนค่าตัวอักษรของ <p> ตัวอักษร:

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

ลองเดาะด้วยตัวเอง

วลี

คืนค่าคุณสมบัติ font:

object.style.font

ตั้งค่าคุณสมบัติ font:

object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"

ค่ารายละเอียด

ค่า คำอธิบาย
style ตั้งค่ารูปแบบตัวอักษร
variant ตั้งค่าข้อความเป็นตัวอักษรขนาดเล็กแบบใหญ่
weight ตั้งค่าความหนาของตัวอักษร
size ตั้งค่าขนาดตัวอักษร
lineHeight ตั้งค่าระยะห่างของตัวอักษร
family ตั้งค่าตัวอักษร
caption ตัวอักษรที่ใช้ในองค์ประกอบหัวข้อ (เช่น ปุ่ม ดาวน์ลอด และความคิดของคุณ)
icon ตัวอักษรที่ใช้ในสัญลักษณ์
menu ตัวอักษรที่ใช้ในเมนู
message-box ตัวอักษรที่ใช้ในโหวด
small-caption ตัวอักษรที่ใช้ในเครื่องมือขนาดเล็ก
status-bar ตัวอักษรที่ใช้ในแถวระบบหน้าต่าง
initial ตั้งค่าคุณสมบัตินี้เป็นค่าปริยาย โปรดดู initial.
inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของมัน โปรดดู inherit.

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

ค่าปริยาย ไม่ได้กำหนด
ค่าที่คืนค่ามา ข้อความเป็นตัวอักษรสั้น แสดงคุณสมบัติต่าง ๆ ของตัวอักษรสำหรับองค์ประกอบ
CSS สัดส่วน： CSS1

สนับสนุนโปรแกรมนี้

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