これらの属性の幅は、ピクセルまたはパーセンテージを使用して測定できます。 テキストと囲まれたセル壁、テーブルタグ内のセルとセルの間のスペースを調整するために、セルパディングやセルスペースなどの属性が使用されます。
比較表
| 比較基準 | セルパディング | セルスペース |
|---|---|---|
| 基本 | セルの境界とそのコンテンツとの間の空白を制御します。 | 孤立セル間のスペースを設定します。 |
| の為に | 単細胞 | 複数のセル |
| HTMLフォーマット |  |  |
セルパディングの定義
コンテンツと周辺境界の間のセル内のスペースを設定する属性は、セルパディングと呼ばれます 。 つまり、セルが囲むコンテンツとセル境界との間の距離は、cellpadding属性によって管理されます。 この距離の単位は、ピクセルまたはHTMLのパーセントで示すことができます。 cellpadding属性値は、ユーザーの必要に応じて0の値にすることもできます。 外観を改善するテキストを互いに分離するために使用されます。
古いバージョンのHTMLではcellpaddingコマンドがサポートされていますが、それ以降のバージョンのHTML5ではcellpaddingの使用が許可されていません。
セル間隔の定義
セルスペースはセルパッドとは異なります。 テーブル内の単一セル間の距離を制御します。 この属性を使用することで、設計者は異なる隣接セルの端の間のスペースを簡単に変更できます。 それはテーブルの明快さを改善します。 セル間隔の量が増えると、明らかにセルの境界が増えます。これは、例で示されています。
セルスペースは、主にWebデザインに使用されます。 HTMLでは「セルスペース」が使用されているのに対し、CSSでは「ボーダースペーシング」プロパティを使用するなど、言語によってセルスペースの構文がまったく異なります。
セルパッドとセルスペースの主な違い
- セルパッドは、テキストとセルの端に沿ってセル内の空白を表します。 一方、セルスペースとは、異なるセル間の空白を意味します。 両者は全く違います。
- セルパディングはセル内のスペースを含み、セルスペーシングはセル間の幅（すなわち複数のセル）を含む。
セルパディングの例
td {background：lavender;}ウェブページテーブル 項目1 | 項目2 | 項目3 |
出力：
セルスペースの例
td {background：lavender;}ウェブページテーブル 項目1 | 項目2 | 項目3 |
出力：
結論
セルパッドとセルスペースは、Webページ内のテーブルのスタイルとレイアウトの制御を支援する2つの属性です。 セルパッドは、テキストとセル境界の間のセル内に空白を作成します。セルスペースは、テーブル内のセル間のスペースを管理するために使用できます。
