css font-stretch 样式

时间:2023-04-03 17:54:42

CSS的font-stretch样式用于设置字体的拉伸程度。这个属性可以指定一个关键字值(如ultra-condensed、extra-condensed、condensed、semi-condensed、normal、semi-expanded、expanded、extra-expanded或ultra-expanded)或一个0%到100%的数字值(其中0%是最紧缩的,100%是最扩展的)。

以下是设置font-stretch的示例:

p {
font-family: Arial, sans-serif;
font-stretch: expanded; /* 将字体拉伸程度设置为扩展 */
}

h1 {
font-family: Georgia, serif;
font-stretch: 75%; /* 将字体拉伸程度设置为父元素字体大小的75% */
}

在这个例子中,第一个规则将文本的字体拉伸程度设置为扩展,第二个规则将H1标题文本的字体拉伸程度设置为父元素字体大小的75%。

相关词