Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

กำหนด font-stretch ขององค์ประกอบด้วย CSS


คุณสมบัติ font-stretch

เพื่อกำหนด font-stretch ขององค์ประกอบ ให้ใช้คุณสมบัติ font-stretch ค่าที่เป็นไปได้: normal, wider, narrower, ultra-condensed, extra-condensed, condensed, semi-condensed, semi-expanded, expanded, extra-expanded, ultra-expanded

<html>
  <head>
  </head>
  <body>
    <p style="font-stretch:ultra-expanded;">
      If this doesn't appear to work, it is likely that your computer doesn't have a
      condensed or expanded version of the font being used. </p>
  </body>
</html>

ค่าจากแคบไปกว้าง:

  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • normal
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

หมายเหตุ: ฟอนต์ส่วนใหญ่ไม่มีรูปแบบ condensed/expanded คุณสมบัตินี้จึงมักไม่มีผล ต้องใช้ฟอนต์ที่รองรับ (เช่น Helvetica Neue, Roboto Flex)