CSS การปรับขนาดฟอนต์

คำนิยามและวิธีใช้

font-size-adjust ระบุค่า aspect สำหรับองค์ประกอบฝากี้ เพื่อที่จะรักษาความสูงของ x-height ของแบบอักษรที่เลือกใช้

ชี้แจง

ความสูงของตัวอักษรต่ำที่ "x" ของตัวอักษร และความสูงของ font-size ระหว่างนั้นเรียกว่า aspect ของตัวอักษรนี้。เมื่อตัวอักษรมี aspect สูง เมื่อตัวอักษรนี้ถูกตั้งค่าขนาดเล็กมาก จะง่ายต่อการอ่านมากยิ่งขึ้น。ตัวอย่าง: aspect ของ Verdana คือ 0.58 (หมายความว่าเมื่อขนาดของตัวอักษรเป็น 100px จะมี x-height 58px) ของ Times New Roman คือ 0.46 หมายความว่า Verdana ง่ายต่อการอ่านมากยิ่งขึ้นเมื่อขนาดเล็กกว่า Times New Roman

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

คู่มืออ้างอิง CSSCSS ตัวอักษร

คู่มืออ้างอิง CSSCSS ฟอนต์

คู่มืออ้างอิง HTML DOMfont-size-adjust ความหมาย

ตัวอย่าง

ตั้งค่า font-size-adjust ขององค์ประกอบ HTML ต่างๆ

h1
  
  font-size-adjust:0.58;
  
p
  
  font-size-adjust:0.60;

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

CSS ระบบทางภาษา

font-size-adjust: number|none|initial|inherit;

ค่าทางของนิยาม

ค่า คำอธิบาย
none ค่าเริ่มต้น。ถ้าตัวอักษรนี้ไม่สามารถใช้ได้ ไม่ทำให้รักษา x-height ของตัวอักษรนี้
number

กำหนดอัตราส่วน aspect ของตัวอักษร

สูตรที่สามารถใช้:

ขนาดของตัวอักษรของตัวอักษรที่เลือกแรก * (ค่า font-size-adjust / aspect ของตัวอักษรที่สามารถใช้ได้) = ขนาดของตัวอักษรที่สามารถใช้ได้ที่สามารถนำมาใช้

ตัวอย่าง:

ถ้า Verdana 14px ไม่สามารถใช้ได้ (aspect ค่าเท่า 0.58) แต่มีตัวอักษรที่สามารถใช้ได้มี aspect ค่าเท่า 0.46 ขนาดของตัวอักษรที่ใช้แทนจะเป็น 14 * (0.58/0.46) = 17.65px。

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

ค่าเริ่มต้น: none
มีชนิด: yes
รุ่น: CSS2
JavaScript ระบบทางภาษา object.style.fontSizeAdjust="0.70"

ตัวอย่าง TIY

ใช้ font-size-adjust ตั้งขนาดของตัวอักษร
ตัวอย่างการใช้ font-size-adjust ตั้งขนาดของตัวอักษร

การสนับสนุนโดยบราวเซอร์

ตัวเลขในตารางบ่งชี้ว่าบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่

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