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

HTMLDOMスタイルborderSpacingプロパティ

HTML DOM borderSpacingプロパティは、テーブルセル間のスペースを設定または返すために使用されます。

以下は、-

の構文です。

borderSpacingプロパティの設定-

object.style.borderSpacing = "length length|initial|inherit"

上記の特性は次のように説明されます-

値 説明
長さ セル間のスペースを指定するために使用されます。値が1つだけ指定されている場合は、水平間隔と垂直間隔の両方に設定されます。それ以外の場合、最初の値は水平間隔用で、2番目の値は垂直間隔用です。デフォルト値は0に設定されています。
初期 このプロパティを初期値に設定します。
継承 親プロパティ値を継承するには

borderSpacingプロパティの例を見てみましょう-

例

<!DOCTYPE html>
<html>
<head>
<style>
   div {
      display: flex;
      float: left;
   }
   table {
      border: 3px solid black;
   }
   td {
      border: 3px solid lightgreen;
   }
   th {
      border: 3px solid lightblue;
   }
</style>
<script>
   function IncreaseBorderSpacing(){
      document.getElementById("t1").style.borderSpacing="10px 10px";
      document.getElementById("Sample").innerHTML="The table border spacing is now increased ";
   }
</script>
</head>
<body>
   <table id="t1">
      <tr>
         <th>FRUITS</th>
         <th>PRICE </th>
      </tr>
      <tr>
         <td>MANGO </td>
         <td>40</td>
      </tr>
      <tr>
         <td>APPLE</td>
         <td>50</td>
      </tr>
   </table>
<p>Increase the above table border spacing by clicking the below button</p>
<button onclick="IncreaseBorderSpacing()">Increase Border Spacing</button>
<p id="Sample"></p>
</body>
</html>

出力

HTMLDOMスタイルborderSpacingプロパティ

「境界線の間隔を広げる」をクリックすると ボタン＆−

HTMLDOMスタイルborderSpacingプロパティ


  1. HTMLDOMスタイルborderLeftWidthプロパティ

    HTML DOM borderLeftWidthプロパティは、要素の左境界線の幅を設定または取得するために使用されます。 以下は、-の構文です。 borderLeftWidthプロパティの設定- object.style.borderLeftWidth = "thin|medium|thick|length|initial|inherit" プロパティ値は次のように説明されます- 値 説明 薄い これは細い境界線を指定します。 中 これは中程度の境界線を指定し、デフォルト値です。 厚い これは細い境界線を指定します。 長さ このプロパティを

  2. HTMLDOMスタイルborderSpacingプロパティ

    HTML DOM borderSpacingプロパティは、テーブルセル間のスペースを設定または返すために使用されます。 以下は、-の構文です。 borderSpacingプロパティの設定- object.style.borderSpacing = "length length|initial|inherit" 上記の特性は次のように説明されます- 値 説明 長さ セル間のスペースを指定するために使用されます。値が1つだけ指定されている場合は、水平間隔と垂直間隔の両方に設定されます。それ以外の場合、最初の値は水平間隔用で、2番目の値は垂直間隔用です。デフォルト