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

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>

  1. JavaScriptでテキストの行間の距離を設定するにはどうすればよいですか？

    線の間の距離を設定するには、 lineHeightを使用します 財産。次のコードを実行して、JavaScriptを使用してテキストの行間の距離を設定することができます- 例 <!DOCTYPE html> <html>    <body>       <h1>Heading 1</h1>       <p id="myID">This is Demo Text.<br>This is Demo Text<

  2. JavaScriptでテキストの文字間のスペースを設定するにはどうすればよいですか？

    文字間のスペースを設定するには、JavaScriptの letterSpacingを使用します プロパティ。 例 次のコードを実行して、JavaScriptを使用してテキスト内の文字間のスペースを設定することができます- <!DOCTYPE html> <html>    <body>       <h1>Heading 1</h1>       <p id="myID">This is Demo Text.</p