Last Update 2007/01/16
TOP - CSS1(Cascading Style Sheets, level 1) - background-repeat
背景のイメージの繰り返し方を指定します。
指定が無い場合はrepeatが指定されます。
指定が無い場合はrepeatが指定されます。
設定値
repeat : 縦横両方に繰り返す
repeat-x : 横方向に繰り返す
repeat-y : 縦方向に繰り返す
no-repeat : 繰り返し無し
(例)
使用画像 : background_s.gif
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<TITLE>テスト</TITLE>
<STYLE type="text/css">
<!--
TD.test1
{
background-image: url(background_s.gif);
background-repeat: repeat;
}
TD.test2
{
background-image: url(background_s.gif);
background-repeat: repeat-x;
}
TD.test3
{
background-image: url(background_s.gif);
background-repeat: repeat-y;
}
TD.test4
{
background-image: url(background_s.gif);
background-repeat: no-repeat;
}
-->
</STYLE>
</HEAD>
<BODY>
<TABLE width="600" border="1" cellspacing="0">
<TR>
<TD class="test1">
<P style="line-height: 200px"> </P>
</TD>
<TD class="test2">
<P style="line-height: 200px"> </P>
</TD>
</TR>
<TR>
<TD class="test3">
<P style="line-height: 200px"> </P>
</TD>
<TD class="test4">
<P style="line-height: 200px"> </P>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>