Style fontSizeAdjust คุณสมบัติ

คำอธิบายและการใช้งาน

fontSizeAdjust คุณสมบัตินี้ตั้งค่าหรือคืนค่าค่า aspect ratio ของฟอนต์ตัวอักษร

ทุกตัวอักษรมีค่า aspect ratio ซึ่งเป็นความแตกต่างระหว่างตัวอักษร x ขนาดเล็กและตัวอักษร X ขนาดใหญ่

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

เมื่อเบราเซอร์รู้ค่า aspect ratio ของฟอนต์ที่เลือกแรก จึงสามารถตัดสินขนาดฟอนต์ที่ใช้ในการแสดงข้อความด้วยฟอนต์ที่เลือกต่อไป

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

การเรียนรู้ CSS:CSS ตัวอักษร

คู่มือ CSS:font-size 属性

คู่มือ HTML DOM:font 属性

ตัวอย่าง

แก้ไขขนาดฟอนต์:

document.getElementById("myP").style.fontSizeAdjust = "0.58";

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

รูปแบบ

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

object.style.fontSizeAdjust

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

object.style.fontSizeAdjust = "none|number|initial|inherit"

ค่าของคุณสมบัติ

ค่า คำอธิบาย
none ค่าเริ่มต้น ไม่แก้ไขขนาดฟอนต์
number

รักษาความสูง x ของฟอนต์ที่เลือกและคำนวณ aspect ratio ของฟอนต์

สูตรที่ใช้: font-size ของฟอนต์ที่เลือก * (aspect ratio ของฟอนต์ที่เลือก / aspect ratio ของฟอนต์ที่สามารถใช้) = font-size ที่ใช้สำหรับฟอนต์ที่สามารถใช้

ตัวอย่าง: ถ้าตัวอักษร Verdana 14px (aspect ratio 0.58) ไม่สามารถใช้ได้ แต่ตัวอักษร Times New Roman สามารถใช้ได้ ซึ่ง aspect ratio 0.46 แล้ว ขนาดของตัวอักษรที่ต้องใช้จะเป็น 14 * (0.58 / 0.46) = 17.65px
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial。
inherit มีความหมายว่านำมาจากตัวอักษรต้นตอนแรกของตัวแปรนี้ โปรดดู inherit。

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

ค่าเริ่มต้น: none
ค่าที่คืนค่า: ตัวแปร string ที่แสดงค่า aspect ของฟอนต์ตัวอักษร
CSS รุ่น: CSS3

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ไม่สนับสนุน ไม่สนับสนุน สนับสนุน ไม่สนับสนุน ไม่สนับสนุน