KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2005/8th/bg_position の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• Lecture/InfoDesignB2005/8th/bg_position へ行く。

*背景画像の表示位置の設定 [#vdf42bc8]

ブロックの背景に設定した画像の表示位置を設定するには、
''background-position''プロパティを設定します。

#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(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(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の例);

&br;
&navi2(Lecture/InfoDesignB2005/8th,next);進んでください。
----
#navi2(Lecture/InfoDesignB2005/8th,prev,toc,next)

}}