Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでテキストのフォントサイズを設定するにはどうすればよいですか？

フォントサイズを設定するには、 fontSizeを使用します JavaScriptのプロパティ。次のコードを実行して、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 Size</button>
      
      <script>
         function display() {
            document.getElementById("myID").style.fontFamily = "verdana,sans-serif";
            document.getElementById("myID").style.fontSize = "smaller";
         }
      </script>
      
   </body>
</html>

  1. JavaScriptでフォントのスタイルを通常、斜体、斜体のいずれにするかを設定するにはどうすればよいですか？

    フォントのスタイルを設定するには、 fontStyleを使用します 財産。次のコードを実行して、JavaScriptでフォントのスタイルを通常、斜体、または斜体に設定してみてください- 例 <!DOCTYPE html> <html>    <body>       <h1>Heading 1</h1>       <p id="myID">          This

  2. JavaScriptでスモールキャピタルで表示されるフォントを設定するにはどうすればよいですか？

    フォントを小文字で設定するには、 fontVariantを使用します プロパティ。 例 次のコードを実行して、JavaScriptでフォントを小文字で表示するように設定できます- <!DOCTYPE html> <html>    <body>       <h1>Heading 1</h1>       <p id="myID">          This is De