行単位で背景画像を設定する

2020年3月31日
2020年4月12日
HTMLタグ一覧, テーブルタグ

1 <tr background=””>
2 記述例
- 2.1 関連情報

<tr background=””>

※このタグと属性の組み合わせはインターネットエクスプローラ（IE）は対応していません。

行を表す<tr>タグに「background=””」という属性を追加すると、行ごとに背景画像を設定することができます。セル毎に背景画像を設定することもできますが、指定する行のセルの背景画像が全て同じであれば、行ごとに背景画像を設定する方が簡単です。

「background=””」に背景画像へのリンク（パス）を絶対パス、または相対パスで指定します。

記述例

左のセル

右のセル

※分かりやすくするために枠を表示しています。

行単位の背景画像を設定する方法は、本来スタイルシートで行うことが推奨されています。また、小さな画像を背景に指定した場合はセルの大きさに沿って、画像が繰り返し表示されます。ただし、大きな画像の場合、セルが小さいと画像の一部しか表示されず、画像にムダが出るだけでなく、データサイズにもムダが出ますので、適切な画像を選びましょう。また、セルに書かれた文字が見えにくくなるような背景画像は使用しないようにしましょう。

背景に画像を表示する – スタイルシート（CSS）一覧