CSS3 font-stretch 属性

说明:本文档兼容性测试基础环境为:windows系统;IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51

语法:

font-stretch:ultra-condensed | extra-condensed | condensed | semi-condensed | normal | semi-expanded | expanded | extra-expanded | ultra-expanded

默认值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
  1. IE及Firefox已支持font-stretch,但显示效果与正常文字并无不同。

示例: