CSS - font-variant-position 属性

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

可能的值

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>

打印页面