KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2005/8th/bg_repeat のバックアップ(No.2)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• 現在との差分 - Visual を表示
• ソース を表示
• Lecture/InfoDesignB2005/8th/bg_repeat へ行く。
  • 1 (2007-02-24 (土) 07:05:44)
  • 2 (2007-02-24 (土) 07:10:26)

背景画像の並べ方の設定

ブロックの背景に設定した画像の並べ方を設定するには、 background-repeatプロパティを設定します。

background-repeat: 並べ方
</pre>

background-repeatプロパティは、背景画像の並べ方を指定します。
並べ方には、次の4種類があります。
プロパティを指定していない状態は、「repeat」を指定したときと同じ状態です。
-repeat: 縦横にタイル状に繰り返して並べる
-repeat-x: 横方向にだけ繰り返して並べる
-repeat-y: 縦方向にだけ繰り返して並べる
-no-repeat: 1つだけ表示（繰り返さない）


#pre(novervatim){{
body {
  background-image: url(bgimage.gif);
  background-repeat: repeat-y;
}
</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の例);




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