CSS字体:font-stretch

font-stretch简介
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


来源:http://caibaojian.com/css3/properties/font/font-stretch.htm
2020-01-16 10:37 举报

关于挟翼

挟翼一款提供UI页面设计的软件。
您只需要动一动鼠标绘制相关的元素,软件会自动帮你完成CSS样式和HTML代码。
从现在开始注册,立即赠送一年VIP会员。活动结束日期待定。