您现在的位置： 365建站网 > 建站教程 > JavaScript 教程 > HTML DOM fontStretch 属性

HTML DOM fontStretch 属性

此节有 178 人学习过参与评论

定义和用法

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

语法：

</>code
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" 是最窄的值。

实例

本例对字体进行伸展：

</>code
<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>