HTML DOM fontStretch 属性

定义和用法

fontStretch 属性用于对当前的 font-family 进行伸缩变形。

语法：

Object.style.fontStretch=value

可能的值

值 描述
normal ค่าเริ่มต้น ตั้งค่าสัดส่วนการขยายเป็นมาตรฐาน
wider ตั้งค่าสัดส่วนการขยายเพื่อการขยายเพิ่มเติม
narrower ตั้งค่าสัดส่วนการขยายเพื่อการขยายเพิ่มเติม
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

ตั้งค่าสัดส่วนการขยาย font-family

"ultra-condensed" คือค่าที่กว้างที่สุด และ "ultra-expanded" คือค่าที่แคบที่สุด

ตัวอย่าง

ตัวอย่างนี้เพื่อขยายตัวอักษร

<html>
<head>
<script type="text/javascript">
function setFontStretch()
{
document.getElementById("p1").style.fontStretch="ultra-expanded";
}
</script>
</head>
<body>
<p id="p1">This is an example paragraph.</p>
<input type="button" onclick="setFontStretch()" 
value="Stretch font" />
</body>
</html>

TIY

fontStretch - ขยายตัวอักษร