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>
廣告