サイト内検索

...HTML・XHTMLタグ...

table

背景画像を表示

背景画像を表示するには、
table要素・th要素・tr要素・td要素にbackground属性を指定します。
[メモ・・・W3Cの検証サービス・・・]
ブラウザ上では表示されますが、推奨されていませんので、
Validするには、スタイルシートを使用します。
backgroundプロパティを指定します。
[サンプル]
.sample{background: url(sample.jpg);}
属性 属性値 説明
table background="" 「"../img/sample.jpg"」のように
table要素に表示する画像(URL)を指定します。
th background="" 「"../img/sample.jpg"」のように
th要素に表示する画像(URL)を指定します。
tr background="" 「"../img/sample.jpg"」のように
tr要素に表示する画像(URL)を指定します。
td background="" 「"../img/sample.jpg"」のように
td要素に表示する画像(URL)を指定します。

サンプル

《table全体に画像を表示》

[bodyの中]

<table border="1" background="sample.jpg">
<tr>
<td>No</td>
<td>No</td>
</tr>
<tr>
<td>No</td>
<td>No</td>
</tr>
</table>

[ブラウザ上]

NoNo
NoNo

《thに画像を表示》

[bodyの中]

<table border="1">
<tr>
<th background="sample.jpg"></th>
<th>No</th>
</tr>
<tr>
<td>No</td>
<td>No</td>
</tr>
</table>

[ブラウザ上]

No
NoNo

《trに画像を表示(IEでは対応していません)》

[bodyの中]

<table border="1">
<tr background="sample.jpg">
<td>No</td>
<td>No</td>
</tr>
<tr>
<td>No</td>
<td>No</td>
</tr>
</table>

[ブラウザ上]

NoNo
NoNo

《tdに画像を表示》

[bodyの中]

<table border="1">
<tr>
<td background="sample.jpg"></td>
<td>No</td>
</tr>
<tr>
<td>No</td>
<td background="sample.jpg"></td>
</tr>
</table>

[ブラウザ上]

No
No

Copyright c 2007.10.01 luc All rights reserved.