HTML DOM fontStretch 属性

定义和用法

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

语法:

  1. 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" 是最窄的值。

实例

本例对字体进行伸展:

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function setFontStretch()
  5. {
  6. document.getElementById("p1").style.fontStretch="ultra-expanded";
  7. }
  8. </script>
  9. </head>
  10. <body>
  11.  
  12. <p id="p1">This is an example paragraph.</p>
  13.  
  14. <input type="button" onclick="setFontStretch()"
  15. value="Stretch font" />
  16.  
  17. </body>
  18. </html>