<table background=""></table> <tr background=""></tr> <td background=""></td>

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
分類
  • 独自拡張属性
要素

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