サイト内検索
...HTML・XHTMLタグ...
table
背景画像を表示
背景画像を表示するには、
table要素・th要素・tr要素・td要素にbackground属性を指定します。
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>No1</td> <td>No2</td> </tr> <tr> <td>No3</td> <td>No4</td> </tr> </table> |
[ブラウザ上]
|
《thに画像を表示》
[bodyの中] <table border="1"><tr> <th background="sample.jpg"></th> <th>No2</th> </tr> <tr> <td>No3</td> <td>No4</td> </tr> </table> |
[ブラウザ上]
|
《trに画像を表示(IEでは対応していません)》
[bodyの中] <table border="1"><tr background="sample.jpg"> <td>No1</td> <td>No2</td> </tr> <tr> <td>No3</td> <td>No4</td> </tr> </table> |
[ブラウザ上]
|
《tdに画像を表示》
[bodyの中] <table border="1"><tr> <td background="sample.jpg"></td> <td>No2</td> </tr> <tr> <td>No3</td> <td background="sample.jpg"></td> </tr> </table> |
[ブラウザ上]
|