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