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