画像の表示位置を指定する


背景画像の表示位置を指定するものです。
とりあえず、右側に表示するものが以下のものになります。

この際、背景画像の敷き詰め方も同時に指定する必要があります。
そうしないと背景画像が全面に表示されるだけですからね。


<table background="wall/tono-a048.png" width="200" height="150" border="1" bordercolor="#7799ff" style="background-repeat:repeat-y; background-position:right;">
<tr><td>背景画像を右側に表示 1</td></tr>
</table>
  ↓
背景画像を右側に表示 1


<table background="wall/tono-a048.png" width="200" height="150" border="1" bordercolor="#7799ff" style="background-repeat:no-repeat; background-position:right;">
<tr><td>背景画像を右側に表示 2</td></tr>
</table>
  ↓
背景画像を右側に表示 2



いろいろな場所が選択できるので表にまとめておきます。

右端に表示background-position:right;
横方向での真ん中に表示background-position:center;
左端に表示background-position:left;
上端に表示background-position:top;
中央に表示background-position:middle;
下端に表示background-position:bottom;
左上に表示background-position:left top;
右上に表示background-position:right top;
左下に表示background-position:left bottom;
右下に表示background-position:right bottom;




次は マウスのカーソルを変更する です。

メニューに戻ります。