CSS font-stretch 属性

描述

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

可能值

ultra-condensed - 元素中的文本字符将被极度窄化。
extra-condensed - 元素中的文本字符将被显著窄化。
condensed - 元素中的文本字符会比半压缩的值更窄。
semi-condensed - 元素中的文本字符会稍微变窄，使它们比正常值更窄。
normal - 元素中的文本字符宽度正常。
semi-expanded - 元素中的文本字符会稍微变宽，使它们比正常值更宽。
expanded - 元素中的文本字符会变宽，使它们比半展开的值更宽。
extra-expanded - 元素中的文本字符会大大变宽，使它们比展开的值更宽。
ultra-expanded - 元素中的文本字符会极度变宽，使它们比特别展开的值更宽。
wider - 元素中的文本字符的宽度将比其父元素的宽度更宽。
narrower - 元素中的文本字符的宽度将比其父元素的宽度更窄。

适用于

所有的HTML元素。

DOM语法

object.style.fontStretch = "expanded";

示例

下面是使用此属性的示例：

<html>
   <head>
   </head>

   <body>
      <p style = "font-stretch:ultra-expanded;">
         If this doesn't appear to work, it is likely that your computer 
         doesn't have a <br>condensed or expanded version of the font being used.
      </p>
   </body>
</html>

以下是产生的结果-

CSS font-stretch 属性