*背景画像の表示位置の設定 [#vdf42bc8] ブロックの背景に設定した画像の表示位置を設定するには、 ''background-position''プロパティを設定します。 <pre> COLOR(red):background-position: COLOR(blue):表示位置 COLOR(red):background-position: COLOR(blue):横の表示位置 縦の表示位置 COLOR(red):background-position: COLOR(blue):横の表示位置 </pre> background-positionプロパティは、 背景画像のウィンドウの中での表示位置を指定します。 並べ方には、次の4種類があります。 プロパティを指定していない状態は、「repeat」を指定したときと同じ状態です。 -repeat: 縦横にタイル状に繰り返して並べる -repeat-x: 横方向にだけ繰り返して並べる -repeat-y: 縦方向にだけ繰り返して並べる -no-repeat: 1つだけ表示(繰り返さない) 表示位置には次のような設定ができます。 -左上を基点とした単位つき数字: 100px, 200pxなど -左上を基点とした% -left(横方向の0%と同じ) -right(横方向の100%と同じ) -center(横・縦方向の50%と同じ) -top(縦方向の0%と同じ) -bottom(縦方向の100%と同じ) <pre> body { background-image: url(bgimage.gif); COLOR(red):background-repeat: COLOR(blue):repeat-yCOLOR(black):; background-repeat: no-repeat; COLOR(red):background-position: COLOR(blue):center centerCOLOR(black):; } </pre> &br; &navi2(Lecture/InfoDesignB2004/9th,next);進んでください。 ---- #navi2(Lecture/InfoDesignB2004/9th,prev,toc,next) |