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

JavaScriptを使用してテキスト装飾の線のスタイルを設定するにはどうすればよいですか？

JavaScriptで線のスタイルを設定するには、 textDecorationStyleを使用します 財産。線のスタイルには、下線、二重線、上線などを設定できます。

例

次のコードを実行して、JavaScriptを使用したテキスト装飾で行のスタイルを返すことができます-

<!DOCTYPE html>
<html>
   <body>
      <div id = "myText" style = "text-decoration: underline;">
         This is demo text.
      </div>
      <br>
      <button onclick = "display()"> Set Text Decoration </button>
      <script>
         function display() {
            document.getElementById("myText").style.textDecorationColor = "red";
            document.getElementById("myText").style.textDecorationStyle = "double";
         }
      </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