font-stretch 属性使文本字符比字体的默认字符宽度更宽或更窄。
注意:如果您使用的字体不支持压缩或扩展形式,则 font-stretch 属性将不起作用。
可能的值
- normal:指定普通字体。
- semi-condensed, condensed, extra-condensed, ultra-condensed: 指定比正常字体更压缩的字体。
- semi-expanded, expanded, extra-expanded, ultra-expanded:指定比正常情况更扩展的字体。
- <percentage>:百分比值,可以是 50% 到 200%。
- initial:将值设置为初始值。
- inherit:从父值继承值。
适用于
所有 HTML 元素。
DOM 语法
object.style.fontStretch = "expanded";
CSS font-stretch - 基本示例
下面是一个示例:
<html>
<head>
<style>
body {
font-family: Arial, sans-serif;
}
</style>
</head>
<body>
<h2>Font-stretch</h2>
<p style = "font-stretch: normal;">
Normal
</p>
<p style = "font-stretch: condensed;">
Condensed
</p>
<p style = "font-stretch: expanded;">
Expanded
</p>
<p style = "font-stretch: 170%;">
170% stretched
</p>
</body>
</html>