如何在 JavaScript 中透過單行宣告來設定 fontStyle、fontVariant、fontWeight、fontSize、lineHeight 以及 fontFamily?


若要設定所有字型屬性,可以使用 JavaScript 的 font 屬性。你可以嘗試執行以下程式碼,用 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</button>
      <script>
         function display() {
            document.getElementById("myID").style.font = "italic 15px verdana,sans-serif";
         }
      </script>
   </body>
</html>

更新於: 2020 年 6 月 23 日

78 次瀏覽

啟動你的 職業生涯

完成課程,獲得認證

開始學習
廣告
© . All rights reserved.