font-stretch

语法：

默认值：normal

取值：

ultra-condensed：: 比正常文字宽度窄4个基数。
extra-condensed：: 比正常文字宽度窄3个基数。
condensed：: 比正常文字宽度窄2个基数。
semi-condensed：: 比正常文字宽度窄1个基数。
normal：: 正常文字宽度
semi-expanded：: 比正常文字宽度宽1个基数。
expanded：: 比正常文字宽度宽2个基数。
extra-expanded：: 比正常文字宽度宽3个基数。
ultra-expanded：: 比正常文字宽度宽4个基数。

说明：

设置或检索对象中的文字是否横向拉伸变形。

文字的拉伸是相对于浏览器显示的字体的正常宽度。
对应的脚本特性为fontStretch。

兼容性：

浅绿 = 支持
红色 = 不支持
墨绿 = 部分支持
橙色 = 实验性质

支持版本\类型	IE	Firefox	Safari	Chrome	Opera
版本	6.0-9.0 ^#1	4.0-6.0 ^#1	5.1	13.0	11.50-11.51

IE及Firefox已支持font-stretch，但显示效果与正常文字并无不同。

示例：

<!DOCTYPE html>

<head>

<title>font-stretch_CSS参考手册_web前端开发参考手册系列</title>

<style>

p{margin:0;font-size:80px;font-weight:bold;background:#ddd;width:30px;}

.test .normal p{font-stretch:normal;}

.test .condensed p{font-stretch:condensed;}

.test .ultra-condensed p{font-stretch:ultra-condensed;}

.test .extra-condensed p{font-stretch:extra-condensed;}

.test .semi-expanded p{font-stretch:semi-expanded;}

.test .expanded p{font-stretch:expanded;}

.test .ultra-expanded p{font-stretch:ultra-expanded;}

.test .extra-expanded p{font-stretch:extra-expanded;}

.test .semi-condensed p{font-stretch:semi-condensed;}

</style>

</head>

<body>

normal

a

</li>

condensed

a

</li>

ultra-condensed

a

</li>

extra-condensed

a

</li>

semi-expanded

a

</li>

expanded

a

</li>

ultra-expanded

a

</li>

extra-expanded

a

</li>

semi-condensed

a

</li>

</ul>

</body>

</html>