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>