CSS 属性

font-stretch 属性使文本字符比字体的默认字符宽度更宽或更窄。

注意:如果您使用的字体不支持压缩或扩展形式，font-stretch 属性不会有任何效果。

属性值

  • normal:指定普通字体。

  • semi-condensed, condensed, extra-condensed, ultra-condensed:指定比正常压缩的字体。

  • semi-expanded, expanded, extra-expanded, ultra-expanded:指定比正常情况更大的字体。

  • <percentage>:百分比值，可以是 50% 到 200%。

  • initial:将值设置为初始值。

  • inherit:继承父值的值。

适用范围

所有 HTML 元素。

DOM 语法

object.style.fontStretch = "expanded";

CSS font-stretch: 基本示例

这里是示例:

<html>
<head>
<style>
   body {
      font-family: Arial, sans-serif;
   }
</style>
</head>
<body>
   <h2>Font-stretch</h2>
   <p style = "font-stretch: normal;">
      Normal
   </p>
   <p style = "font-stretch: condensed;">
      Condensed
   </p>
   <p style = "font-stretch: expanded;">
      Expanded
   </p>
   <p style = "font-stretch: 170%;">
      170% stretched
   </p>
</body>
</html>