tableタグのcellspacing属性はどのような用途に使われるのでしょうか?セルスペースプロパティを理解するための記事-htmlチュートリアル-php.cn

tableタグのcellspacing属性はどのような用途に使われるのでしょうか?セルスペースプロパティを理解するための記事

寻∝梦

リリース： 2018-08-31 11:45:32

オリジナル

9176 人が閲覧しました

この記事では主に、HTML table タグのセルスペース属性の役割の例を紹介し、サンプルを使用して HTML テーブルタグのセルスペース属性の値と構文仕様を分析します。次に、この記事を見てみましょう

まず、HTML テーブル table タグのセルスペース属性の使用方法を見てみましょう:

セルスペース属性は、セル間のスペースを指定します。

注: このプロパティを、セルの端とセルの内容の間のスペースを指定する cellpadding プロパティと混同しないでください。

cellspacing属性の属性値:

pixels: セル間のスペースを指定します。

以下の例を見てみましょう:

次の例では、表のセル間隔を 20 ピクセルに設定します:

<table border="5" cellspacing="20">
  <tr>
    <th>表头</th>
    <th>表头1</th>
  </tr>
  <tr>
    <td>PHP中文网</td>
    <td>200</td>
  </tr>
</table>

ログイン後にコピー

効果を確認するために、cellspacing 属性値を 20 に設定します:

tableタグのcellspacing属性はどのような用途に使われるのでしょうか?セルスペースプロパティを理解するための記事

この写真これはこれも非常に明確ですが、よりよく観察するために、別の例を見てみましょう:

<html>
   <head>
       <title>php中文网</title>       
    </head>
    <meta charset="utf-8">
    <body>
        <table border="5" cellspacing="20" width="300">
        <tr>
        <td>11</td>
                <td>12</td>
                <td>13</td>
        </tr>
        <tr>
        <td>21</td>
                <td>22</td>
                <td>23</td>
        </tr>
         </table>
    </body>
</html>

ログイン後にコピー

次に、効果を見てみましょう:

tableタグのcellspacing属性はどのような用途に使われるのでしょうか?セルスペースプロパティを理解するための記事