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> 
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37