<table background=""></table> <tr background=""></tr> <td background=""></td>
| ブラウザ |
|
|---|---|
| 分類 |
|
| 要素 |
table要素、tr要素、td要素、th要素に background="" を追加すると、表の背景に画像を表示できます。
<table background="back.gif"> ～ </table>
- 表全体の背景画像を指定する場合
-
<table background="back.gif"> ～ </table>table要素に
background=""を追加します。 - 行単位で背景画像を指定する場合
-
<tr background="back.gif"> ～ </tr>tr要素に
background=""を追加します。（IEでは対応していません） - セル単位で背景画像を指定する場合
-
<td background="back.gif"> ～ </td>td要素（th要素）に
background=""を追加します。
| 属性 | 値 | 説明 |
|---|---|---|
background="" |
URI | 表示する画像ファイルを指定 |
上記の属性は、HTML 4.01では定義されていません。
使用例
この画像を背景に指定しています。
<table border="3" background="back.gif">
<tr>
<td>データ1-1</td>
<td>データ1-2</td>
<td>データ1-3</td>
</tr>
<tr>
<td>データ2-1</td>
<td>データ2-2</td>
<td>データ2-3</td>
</tr>
<tr>
<td>データ3-1</td>
<td>データ3-2</td>
<td>データ3-3</td>
</tr>
</table>
- 表示例
-
データ1-1 データ1-2 データ1-3 データ2-1 データ2-2 データ2-3 データ3-1 データ3-2 データ3-3
<table border="3">
<tr>
<td>データ1-1</td>
<td>データ1-2</td>
<td>データ1-3</td>
</tr>
<tr background="back.gif">
<td>データ2-1</td>
<td>データ2-2</td>
<td>データ2-3</td>
</tr>
<tr>
<td>データ3-1</td>
<td>データ3-2</td>
<td>データ3-3</td>
</tr>
</table>
- 表示例
-
データ1-1 データ1-2 データ1-3 データ2-1 データ2-2 データ2-3 データ3-1 データ3-2 データ3-3
- IEでは対応していません
<table border="3">
<tr>
<td>データ1-1</td>
<td background="back.gif">データ1-2</td>
<td>データ1-3</td>
</tr>
<tr>
<td>データ2-1</td>
<td background="back.gif">データ2-2</td>
<td>データ2-3</td>
</tr>
<tr>
<td>データ3-1</td>
<td background="back.gif">データ3-2</td>
<td>データ3-3</td>
</tr>
</table>
- 表示例
-
データ1-1 データ1-2 データ1-3 データ2-1 データ2-2 データ2-3 データ3-1 データ3-2 データ3-3