คุณสมบัติ 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)