*背景画像の並べ方の設定 [#sdf6a832]
ブロックの背景に設定した画像の並べ方を設定するには、
''background-repeat''プロパティを設定します。
#pre(novervatim){{
COLOR(red):background-repeat: COLOR(blue):並べ方
</pre>
}}
background-repeatプロパティは、背景画像の並べ方を指定します。
並べ方には、次の4種類があります。
プロパティを指定していない状態は、「repeat」を指定したときと同じ状態です。
-repeat: 縦横にタイル状に繰り返して並べる
-repeat-x: 横方向にだけ繰り返して並べる
-repeat-y: 縦方向にだけ繰り返して並べる
-no-repeat: 1つだけ表示(繰り返さない)
#pre(novervatim){{
body {
background-image: url(bgimage.gif);
COLOR(red):background-repeat: COLOR(blue):repeat-yCOLOR(black):;
}
</pre>
}}
-background-repeatの例(repeat-x)
#ref(Lecture/InfoDesignB2004/9th/bg_repeat/css03.png,nolink,background-repeatの例);
-background-repeatの例(repeat-y)
#ref(Lecture/InfoDesignB2004/9th/bg_repeat/css04.png,nolink,background-repeatの例);
&br;
&navi2(Lecture/InfoDesignB2005/8th,next);進んでください。
----
#navi2(Lecture/InfoDesignB2005/8th,prev,toc,next)
}}
|