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

JavaScriptでテーブルのセル間のスペースを設定するにはどうすればよいですか？

JavaScriptを使用してテーブル内のセル間のスペースを設定するには、 borderSpacingを使用します 財産。このプロパティを使用して間隔を設定します。

例

次のコードを実行して、テーブルセル間のスペースを設定する方法を学ぶことができます-

<!DOCTYPE html>
<html>
   <body>
      <table id="newTable" border="2">
         <tr>
            <th>EmpID</th>
            <th>EmpName</th>
            <th>EmpDept</th>
         </tr>
         <tr>
            <td>001</td>
            <td>Amit</td>
            <td>IT</td>
         </tr>
         <tr>
            <td>002</td>
            <td>John</td>
            <td>Finance</td>
         </tr>
         <tr>
             <td>003</td>
             <td>David</td>
             <td>Marketing</td>
         </tr>
      </table>
      <br>
      <button onclick="display()">Click to set space between cells</button>
      <script>
         function display() {
            document.getElementById("newTable").style.borderSpacing = "15px";
         }
      </script>
   </body>
</html>

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

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

  2. JavaScriptで要素のマージンを設定するにはどうすればよいですか？

    マージンを使用する JavaScriptのプロパティ。マージンを設定します。次のコードを実行して、JavaScriptで要素のマージンを設定してみてください- 例 <!DOCTYPE html> <html>    <body>       <button type="button" onclick="display()">Set all four margins</button>       <p id=