TOP - CSS1(Cascading Style Sheets, level 1) - background-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">&nbsp;</P>
</TD>
<TD class="test2">
<P style="line-height: 200px">&nbsp;</P>
</TD>
</TR>
<TR>
<TD class="test3">
<P style="line-height: 200px">&nbsp;</P>
</TD>
<TD class="test4">
<P style="line-height: 200px">&nbsp;</P>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>


Copyright(C) 2006-2011 CLAYPOT. All Rights Reserved.