font-stretch

  • 版本:CSS3
  • 媒体:视觉
font-stretch属性在CSS字体中是比较常用的,本文将带你深入理解font-stretch属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上font-stretch的演示案例,希望能够对你有所帮助。

font-stretch的具体语法

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

默认值normal

适用于:所有元素

继承性:有

动画性:否

计算值:指定值

font-stretch的取值介绍

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

font-stretch的使用说明

设置或检索对象中的文字是否横向拉伸变形。
  • 文字的拉伸是相对于浏览器显示的字体的正常宽度。
  • 对应的脚本特性为fontStretch

font-stretch的浏览器兼容性

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6.0-8.0 1.0-8.0 1.0-5.1.7 1.0-31.0 1.0-18.0
版本 9.0 9.0
  1. 已支持font-stretch,但显示效果与正常文字并无不同。

font-stretch的完整演示案例

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册