CSS - font-variant-position 属性_CSS 菜鸟教程

CSS font-variant-position 属性用于控制放置或定位为上标或下标的备用较小字形的使用。这些字形的位置相对于字体的基线。

可能的值

normal：停用备用上标和下标字形的使用。
sub：激活备用下标字形的使用。如果备用字形不适用于任何字符，则所有字符都将使用合成的字形进行呈现。
super：激活备用上标字形的使用。如果备用字形不适用于任何字符，则所有字符都将使用合成的字形进行呈现。

适用于

所有 HTML 元素。

DOM 语法

object.style.fontVariantPosition = "normal | sub | super";

CSS font-variant-position - 基本示例

下面是一个示例：

<html>
<head>
<style>
	 	div {
	 	 	 border: 1px solid red;
	 	 	 margin: 5px;
	 	 	 padding: 2px;
	 	 	 width: 150px;
	 	}
	 	p{
	 	 	 display: inline-block;
	 	}
	 	p.normal {
	 	 	 font-variant-position: normal;
	 	}
	 	p.sub {
	 	 	 font-variant-position:sub;
	 	}
	 	p.super {
	 	 	 font-variant-position:super;
	 	} 	
</style>
</head>
<body>
	 	<div>
	 	 	 <h3>Normal: </h3>
	 	 	 <p class="normal">Normal</p>
	 	</div>
	 	<div>
	 	 	 <h3>Sub: </h3>
	 	 	 <p class="sub">Subscript</p>
	 	</div>
	 	<div>
	 	 	 <h3>Super: </h3>
	 	 	 <p class="super">Superscript</p>
	 	</div>
</body>
</html>

<< CSS - font-variant-numeric 属性 CSS - font-weight 属性 >>