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 ในขนาดเล็ก

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

คู่มือ CSS ตอนเรียนCSS ตัวอักษร

คู่มือ CSSCSS รูปแบบอักษร

คู่มือ HTML DOMคุณสมบัติ fontSizeAdjust

ตัวอย่าง

ตั้งค่าคุณสมบัติ 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"

ตัวอย่างสำหรับทดสอบ

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

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

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

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