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

JavaScriptで背景のペイントエリアを設定するにはどうすればよいですか？

JavaScriptで背景のペイント領域を設定するには、 backgroundClipを使用します 財産。次のコードを実行して、背景のペイント領域を設定してみてください-

例

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            border: 2px dashed green;
            padding: 35px;
            width: 600px;
            height: 400px;
            background-color: blue;
            background-clip: border-box;
         }
      </style>
   </head>
   <body>
      <button onclick="display()">Set painting area</button>
      <div id="box">
         This is Demo Text! This is Demo Text! This is Demo Text!
         This is Demo Text! This is Demo Text!
      </div>
      <script>
         function display() {
            document.getElementById("box").style.backgroundClip = "content-box";
         }
      </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