如何用 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.