このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

table”要素~“cellpadding”属性注意

記事July 7th,2020
表のセル内の余白を指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。
この属性は現行の仕様では廃止されています。
この属性は現行の仕様では廃止されています。

cellpadding”属性について

cellpadding”属性は表のセル内の余白を指定する属性です。

指定した値は上下左右に適用されます。

代替方法

HTML5でこの属性は廃止されているので使用するべきではありません。

スタイルシートのpadding”プロパティtd”要素に指定します。

指定できる値

属性値 説明
正の整数 セル内の余白のピクセル数
正の整数% セル内の余白の表示領域に対する割合

サンプルコード

<table border="2" cellpadding="10">
<tr>
<th>順位</th>
<th>名前</th>
<th>高さ</th>
</tr>
<tr>
<td>1</td>
<td>ブルジュ・ハリファ</td>
<td>829.8m</td>
</tr>
<tr>
<td>2</td>
<td>東京スカイツリー</td>
<td>634.0m</td>
</tr>
<tr>
<td>3</td>
<td>上海中心</td>
<td>632.0m</td>
</tr>
<tr>
<td>4</td>
<td>KVLY-TV塔</td>
<td>628.8m</td>
</tr>
</table>
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク