css3 font-stretch属性控制字体宽度的拉伸程度

分类:知识百科 日期: 点击:0

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属性可以用来控制字体宽度的拉伸程度,以实现不同的设计效果,但是要注意,该属性只对定义了字体宽度拉伸程度的字体有效,对于没有定义字体宽度拉伸程度的字体,该属性将无效。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。