CSS3 font-stretch属性
CSS3 font-stretch属性用于控制字体宽度的拉伸程度,可以使字体变得更窄或更宽,以适应不同的设计需求。
font-stretch属性的值是一个关键字,表示字体宽度的拉伸程度,关键字有:ultra-condensed、extra-condensed、condensed、semi-condensed、normal、semi-expanded、expanded、extra-expanded、ultra-expanded。
p { font-stretch: condensed; }
以上代码表示将段落的字体宽度拉伸至condensed程度,即半紧缩状态。
font-stretch属性的值可以设置为以下几种:
- ultra-condensed:极紧缩状态,字体宽度拉伸至最紧缩状态;
- extra-condensed:额外紧缩状态,字体宽度拉伸至比ultra-condensed更紧缩状态;
- condensed:紧缩状态,字体宽度拉伸至比extra-condensed更紧缩状态;
- semi-condensed:半紧缩状态,字体宽度拉伸至比condensed更紧缩状态;
- normal:正常状态,字体宽度拉伸至比semi-condensed更紧缩状态;
- semi-expanded:半扩展状态,字体宽度拉伸至比normal更宽状态;
- expanded:扩展状态,字体宽度拉伸至比semi-expanded更宽状态;
- extra-expanded:额外扩展状态,字体宽度拉伸至比expanded更宽状态;
- ultra-expanded:极扩展状态,字体宽度拉伸至最宽状态。
font-stretch属性可以用来控制字体宽度的拉伸程度,以实现不同的设计效果,但是要注意,该属性只对定义了字体宽度拉伸程度的字体有效,对于没有定义字体宽度拉伸程度的字体,该属性将无效。