CSS3 font-stretch 属性

让所有的div元素的文本更宽：

<!DOCTYPE html>
<html>
<head>
  <style>
    #div1 {
      font-stretch: condensed;
    }

    #div2 {
      font-stretch: expanded;
    }
  </style>
</head>
<body>

  <p><b>Note:</b> No browsers support the font-stretch property.</p>

  <div>
    Some normal text in a div element.
  </div>

  <div id="div1">
    Some condensed text in a div element.
  </div>

  <div id="div2">
    Some expanded text in a div element.
  </div>

</body>
</html>

尝试一下 »

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

目前没有主流浏览器支持font-Stretch属性。

属性定义及使用说明

font-Stretch属性允许你使文字变宽或变窄。

默认值： none
继承： yes
版本： CSS3
JavaScript 语法： object.style.fontStretch="expanded"

语法

font-stretch: 
  wider|narrower|ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|inherit;

值 说明
wider 使得文本更宽
narrower 使得文本窄
ultra-condensed 使文本窄得不能再窄
extra-condensed 指定紧缩程度第二大的字体
condensed 指定略微紧缩程度第二大的字体
semi-condensed 指定略微紧缩的字体
normal 指明字体既不紧缩也不加宽
semi-expanded 指定略微加宽的字体
expanded 指定加宽的字体
extra-expanded 指定加宽程度第二大的字体
ultra-expanded 指定加宽程度最大的字体
inherit 指定该属性与元素父项的属性采用相同的计算值