HTML DOM fontStretch 属性
JavaScript基础 2022-06-08 14:51:23小码哥的IT人生shichen
HTML DOM fontStretch 属性
定义和用法
fontStretch 属性用于对当前的 font-family 进行伸缩变形。
语法：
Object.style.fontStretch=value
可能的值
| 值 | 描述 |
|---|---|
| normal | 默认值。把缩放比例设置为标准。 |
| wider | 把伸展比例设置为更进一步的伸展值 |
| narrower | 把收缩比例设置为更进一步的收缩值 |
|
设置 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 - 伸展字体】：
<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>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
