如何用 JavaScript 将字体设置为小写字母显示?


若要将字体设置为小写字母,请使用 fontVariant 属性。

示例

你可以尝试运行以下代码,使用 JavaScript 将字体设置为小写字母显示 −

现场演示

<!DOCTYPE html>
<html>
   <body>
      <h1>Heading 1</h1>
      <p id="myID">
         This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text.
         This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text.
      </p>
      <button type="button" onclick="display()">Set Font Family and Font Variant</button>
      <script>
         function display() {
            document.getElementById("myID").style.fontFamily = "verdana,sans-serif";
            document.getElementById("myID").style.fontVariant = "small-caps";
         }
      </script>
   </body>
</html>

更新于:23-6 月-2020

150 次浏览

开启您的职业生涯

完成课程后获得认证

开始
广告