セル内のパディングを指定する

[統計] HTMLからXHTMLへの移行を進めていますか?


<table cellpadding="">

ブラウザ
Internet Explorer Netscape Firefox Opera
タイプ
ブロック要素

tableタグcellpadding="" を追加すると、セル内のパディング(内側の余白)を指定することができます。


<table cellpadding="3">


cellpadding="" セルのパディングをピクセル数で指定します

メモ

この指定内容はスタイルシートで代替することができます。指定方法の詳細は「関連ページ」をご覧ください。


使用例

cellpaddingの数値を0に指定した場合

<table border="1" cellpadding="0">
<tr>
<td>WebデザインA社</td>
<td>WebデザインB社</td>
<td>WebデザインC社</td>
</tr>
</table>

これをブラウザで見ると次のように表示されます

WebデザインA社 WebデザインB社 WebデザインC社

cellpaddingの数値を5に指定した場合

<table border="1" cellpadding="5">
<tr>
<td>WebデザインA社</td>
<td>WebデザインB社</td>
<td>WebデザインC社</td>
</tr>
</table>

これをブラウザで見ると次のように表示されます

WebデザインA社 WebデザインB社 WebデザインC社

cellpaddingの数値を15に指定した場合

<table border="1" cellpadding="15">
<tr>
<td>WebデザインA社</td>
<td>WebデザインB社</td>
<td>WebデザインC社</td>
</tr>
</table>

これをブラウザで見ると次のように表示されます

WebデザインA社 WebデザインB社 WebデザインC社


[特集] レンタルサーバー比較 & サーバー選びのチェックポイント