CSS - font-stretch 属性

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>

打印本页