CSS 属性

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

属性值

  • nomal:停用替代上标和下标字形的使用。

  • 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">正常</p>
   </div>
   <div>
      <h3>Sub: </h3>
      <p class="sub">下标</p>
   </div>
   <div>
      <h3>Super: </h3>
      <p class="super">上标</p>
   </div>
</body>
</html>