メインメニュー


[スポンサードリンク]


背景画像の並び方を設定する
background-repeat:並び方

並び方:
repeat 縦横に繰り返して表示 (デフォルト値)
repeat-x 横方向に繰り返して表示
repeat-y 縦方向に繰り返して表示
no-repeat 繰り返さないで表示

background-repeatプロパティで、背景画像の並び方を設定します。


別窓にサンプルを表示します(縦横に繰り返し)
  

<STYLE type="text/css">
<!--
BODY { background-color:#FFFAFA;
       background-image:url(img/bg0814.gif);
       background-repeat:repeat;
}
-->
</STYLE>

<BODY>
<H4><B>background-repeat : repeat (縦横に繰り返し)</B></H4>
</BODY>

別窓にサンプルを表示します(横に繰り返し)
  

<STYLE type="text/css">
<!--
BODY { background-color:#FFFAFA;
       background-image:url(img/bg0814.gif);
       background-repeat:repeat-x;
}
-->
</STYLE>

<BODY>
<H4><B>background-repeat : repeat-x (横に繰り返し)</B></H4>
</BODY>

別窓にサンプルを表示します(縦に繰り返し)
  

<STYLE type="text/css">
<!--
BODY { background-color:#FFFAFA;
       background-image:url(img/bg0814.gif);
       background-repeat:repeat-y;
}
-->
</STYLE>

<BODY>
<H4><B>background-repeat : repeat-y (縦に繰り返し)</B></H4>
</BODY>

別窓にサンプルを表示します(繰り返しなし)
  

<STYLE type="text/css">
<!--
BODY { background-color:#FFFAFA;
       background-image:url(img/bg0814.gif);
       background-repeat:no-repeat;
}
-->
</STYLE>

<BODY>
<H4><B>background-repeat : no-repeat (繰り返しなし)</B></H4>
</BODY>